diff --git a/app/globals.css b/app/globals.css
index 10d6dea..b45c302 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -223,6 +223,19 @@
   color: #000;
 }
 
+.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;
+}
+
 .extra-sheet-grid .Spreadsheet__data-editor textarea {
   box-sizing: border-box;
   min-height: 100%;
diff --git a/components/public/structured-guide.tsx b/components/public/structured-guide.tsx
index de46c54..9eb8a68 100644
--- a/components/public/structured-guide.tsx
+++ b/components/public/structured-guide.tsx
@@ -1402,7 +1402,7 @@ function ExtraSectionContent({
                           >
                             <RichTextContent
                               html={normalizeExtraRichText(sheetRow.cells[column.id] ?? "")}
-                              className="extra-sheet-text"
+                              className="extra-sheet-text extra-sheet-text--public"
                             />
                           </TableCell>
                         ))}