From 90574c108831eaebfedb31700c8bf14072925faa Mon Sep 17 00:00:00 2001
From: Charlie Marsh <charlie.r.marsh@gmail.com>
Date: Fri, 30 Dec 2022 07:55:54 -0500
Subject: [PATCH] Set editor background on top-level component (#1478)

---
 playground/src/Editor/Editor.tsx | 6 +++++-
 playground/src/Editor/Header.tsx | 2 --
 2 files changed, 5 insertions(+), 3 deletions(-)

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">