diff --git a/src/examples/dark-editor.css b/src/examples/dark-editor.css
index 30a6e006..8cd3fe85 100644
--- a/src/examples/dark-editor.css
+++ b/src/examples/dark-editor.css
@@ -47,5 +47,6 @@
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
   color: var(--baseText);
-  background: var(--baseBg);
+  --basePageBg: black;
+  background: var(--basePageBg);
 }
diff --git a/src/styles/ui.module.css b/src/styles/ui.module.css
index 61b64b73..9b37a83d 100644
--- a/src/styles/ui.module.css
+++ b/src/styles/ui.module.css
@@ -879,7 +879,7 @@
 }
 
 .nestedEditor {
-  background: white;
+  background: var(--basePageBg);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
   & > p {