diff --git a/src/app/(main)/websites/WebsitesPage.module.css b/src/app/(main)/websites/WebsitesPage.module.css
new file mode 100644
index 000000000..5c07770bc
--- /dev/null
+++ b/src/app/(main)/websites/WebsitesPage.module.css
@@ -0,0 +1,7 @@
+.red {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  min-height: 100%;
+  background-color: red;
+}
diff --git a/src/app/(main)/websites/WebsitesPage.tsx b/src/app/(main)/websites/WebsitesPage.tsx
index 31de7047c..0aee5a657 100644
--- a/src/app/(main)/websites/WebsitesPage.tsx
+++ b/src/app/(main)/websites/WebsitesPage.tsx
@@ -6,21 +6,24 @@ import { Panel } from '@/components/common/Panel';
 import { useMessages, useNavigation } from '@/components/hooks';
 import { WebsiteAddButton } from './WebsiteAddButton';
 import { WebsitesDataTable } from './WebsitesDataTable';
+import styles from './WebsitesPage.module.css';
 
 export function WebsitesPage() {
   const { teamId } = useNavigation();
   const { formatMessage, labels } = useMessages();
 
   return (
-    <PageBody>
-      <Column gap="6" margin="2">
-        <PageHeader title={formatMessage(labels.websites)}>
-          <WebsiteAddButton teamId={teamId} />
-        </PageHeader>
-        <Panel>
-          <WebsitesDataTable teamId={teamId} />
-        </Panel>
-      </Column>
-    </PageBody>
+    <div className={styles.red}>
+      <PageBody>
+        <Column gap="6" margin="2">
+          <PageHeader title={formatMessage(labels.websites)}>
+            <WebsiteAddButton teamId={teamId} />
+          </PageHeader>
+          <Panel>
+            <WebsitesDataTable teamId={teamId} />
+          </Panel>
+        </Column>
+      </PageBody>
+    </div>
   );
 }