j

app/globals.css

@@ -161,7 +161,6 @@
 
 .extra-sheet-grid .Spreadsheet__table {
   width: max-content;
-  min-width: 100%;
 }
 
 .extra-sheet-grid .Spreadsheet__cell,
@@ -210,6 +209,19 @@
   white-space: pre-wrap;
 }
 
+.extra-sheet-grid .Spreadsheet__active-cell--edit {
+  overflow: hidden;
+  border: 0;
+  box-shadow: none;
+}
+
+.extra-sheet-grid .Spreadsheet__active-cell--edit:focus,
+.extra-sheet-grid .Spreadsheet__active-cell--edit:focus-visible,
+.extra-sheet-grid .Spreadsheet__data-editor textarea:focus,
+.extra-sheet-grid .Spreadsheet__data-editor textarea:focus-visible {
+  outline: 0;
+}
+
 .extra-sheet-text {
   --tw-prose-body: #000;
   --tw-prose-headings: #000;
@@ -224,23 +236,30 @@
 }
 
 .extra-sheet-text--public {
-  --tw-prose-body: #fff;
-  --tw-prose-headings: #fff;
-  --tw-prose-lead: #fff;
-  --tw-prose-links: #fff;
-  --tw-prose-bold: #fff;
-  --tw-prose-counters: #fff;
-  --tw-prose-bullets: #fff;
-  --tw-prose-quotes: #fff;
-  --tw-prose-code: #fff;
-  color: #fff;
+  --tw-prose-body: currentColor;
+  --tw-prose-headings: currentColor;
+  --tw-prose-lead: currentColor;
+  --tw-prose-links: currentColor;
+  --tw-prose-bold: currentColor;
+  --tw-prose-counters: currentColor;
+  --tw-prose-bullets: currentColor;
+  --tw-prose-quotes: currentColor;
+  --tw-prose-code: currentColor;
+  color: inherit;
 }
 
 .extra-sheet-grid .Spreadsheet__data-editor textarea {
   box-sizing: border-box;
-  min-height: 100%;
-  min-width: 100%;
-  resize: both;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: #000;
+  font: inherit;
+  padding: 0.25rem;
+  resize: none;
   white-space: pre-wrap;
 }