diff --git a/playground/src/Editor/Editor.tsx b/playground/src/Editor/Editor.tsx
index 60363ed89d..2f46cc5267 100644
--- a/playground/src/Editor/Editor.tsx
+++ b/playground/src/Editor/Editor.tsx
@@ -98,7 +98,11 @@ export default function Editor() {
   }, []);
 
   return (
-    <main className={"h-full w-full flex flex-auto"}>
+    <main
+      className={
+        "h-full w-full flex flex-auto bg-ayu-background dark:bg-ayu-background-dark"
+      }
+    >
       <Header
         edit={edit}
         tab={tab}
diff --git a/playground/src/Editor/Header.tsx b/playground/src/Editor/Header.tsx
index 91cc2f8234..2f6e0c5d0e 100644
--- a/playground/src/Editor/Header.tsx
+++ b/playground/src/Editor/Header.tsx
@@ -44,8 +44,6 @@ export default function Header({
         "border-b",
         "border-gray-200",
         "dark:border-gray-800",
-        "bg-ayu-background",
-        "dark:bg-ayu-background-dark",
       )}
     >
       <div className="flex space-x-5">