table wrapping

templates/input.css

@@ -1,8 +1,3 @@
-@import "tailwindcss";
-@plugin "@tailwindcss/typography";
-@import "tailwindcss";
-@plugin "@tailwindcss/typography";
-
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
 
@@ -92,13 +87,25 @@
   .prose-compact table {
     border-collapse: collapse;
     border-spacing: 0;
-    width: 100%;
     @apply my-6;
     font-size: 14px;
     line-height: 1.45;
+    display: block;
+    overflow-x: auto;
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+  }
+
+  .prose-compact table thead,
+  .prose-compact table tbody {
+    display: table;
+    width: 100%;
+    table-layout: fixed;
   }
 
   .prose-compact table tr {
+    display: table-row;
     background-color: #fff;
     border-top: 1px solid #c6cbd1;
   }
@@ -109,8 +116,13 @@
 
   .prose-compact table th,
   .prose-compact table td {
+    display: table-cell;
     padding: 6px 13px;
     border: 1px solid #dfe2e5;
+    white-space: normal;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 
   .prose-compact table th {