diff --git a/src/app/(main)/websites/[websiteId]/WebsiteLayout.tsx b/src/app/(main)/websites/[websiteId]/WebsiteLayout.tsx
index 06bb506a..7260a7ea 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteLayout.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteLayout.tsx
@@ -8,25 +8,23 @@ import { WebsiteNav } from './WebsiteNav';
 
 export function WebsiteLayout({ websiteId, children }: { websiteId: string; children: ReactNode }) {
   return (
-    <Column backgroundColor="2">
-      <WebsiteProvider websiteId={websiteId}>
-        <Grid columns={{ xs: '1fr', lg: 'auto 1fr' }} width="100%" height="100%">
-          <Column
-            display={{ xs: 'none', lg: 'flex' }}
-            width="240px"
-            height="100%"
-            border="right"
-            backgroundColor
-            marginRight="2"
-          >
-            <WebsiteNav websiteId={websiteId} />
-          </Column>
-          <PageBody gap>
-            <WebsiteHeader showActions />
-            <Column>{children}</Column>
-          </PageBody>
-        </Grid>
-      </WebsiteProvider>
-    </Column>
+    <WebsiteProvider websiteId={websiteId}>
+      <Grid columns={{ xs: '1fr', lg: 'auto 1fr' }} width="100%" height="100%">
+        <Column
+          display={{ xs: 'none', lg: 'flex' }}
+          width="240px"
+          height="100%"
+          border="right"
+          backgroundColor
+          marginRight="2"
+        >
+          <WebsiteNav websiteId={websiteId} />
+        </Column>
+        <PageBody gap>
+          <WebsiteHeader showActions />
+          <Column>{children}</Column>
+        </PageBody>
+      </Grid>
+    </WebsiteProvider>
   );
 }