diff --git a/webui/src/web-components/demo/sketch-monaco-view.demo.ts b/webui/src/web-components/demo/sketch-monaco-view.demo.ts
index b15865a..04b9942 100644
--- a/webui/src/web-components/demo/sketch-monaco-view.demo.ts
+++ b/webui/src/web-components/demo/sketch-monaco-view.demo.ts
@@ -39,7 +39,7 @@
     const controlPanel = document.createElement("div");
     controlPanel.style.marginBottom = "2rem";
     controlPanel.style.padding = "1rem";
-    controlPanel.style.backgroundColor = "#f0f0f0";
+    controlPanel.style.backgroundColor = "var(--demo-control-bg);";
     controlPanel.style.borderRadius = "4px";
 
     const buttonsContainer = document.createElement("div");