diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 2c86f31eb..4ef9023d5 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -10053,13 +10053,11 @@ html:not(.dark) .creation-model-picker-menu .canvas-model-picker-option > span:f
     color: #ffffff;
 }
 .app-workspace-shell.is-creation-workspace,
-.app-workspace-shell.is-creation-workspace .app-workspace-sidebar,
 .app-workspace-shell.is-creation-workspace .app-workspace-stage {
     background: var(--workspace-page) !important;
 }
 
 html:not(.dark) .app-workspace-shell.is-creation-workspace,
-html:not(.dark) .app-workspace-shell.is-creation-workspace .app-workspace-sidebar,
 html:not(.dark) .app-workspace-shell.is-creation-workspace .app-workspace-stage {
     background: var(--workspace-page) !important;
 }
diff --git a/web/test/create-sidebar-theme.test.ts b/web/test/create-sidebar-theme.test.ts
new file mode 100644
index 000000000..27b068d5f
--- /dev/null
+++ b/web/test/create-sidebar-theme.test.ts
@@ -0,0 +1,13 @@
+import { describe, expect, test } from "bun:test";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+describe("create page sidebar theme", () => {
+    test("keeps the shared workspace sidebar surface", () => {
+        const styles = readFileSync(resolve(import.meta.dir, "../src/styles/globals.css"), "utf8");
+
+        expect(styles).not.toContain(".app-workspace-shell.is-creation-workspace .app-workspace-sidebar");
+        expect(styles).toContain(".app-workspace-shell.is-creation-workspace .app-workspace-stage");
+        expect(styles).toContain("background: color-mix(in srgb, var(--workspace-sidebar) 96%, var(--foreground) 4%);");
+    });
+});