diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
index 38ba46743..2ae527422 100644
--- a/site/src/app/layout.tsx
+++ b/site/src/app/layout.tsx
@@ -1,19 +1,22 @@
+import { GlobalStyle } from "@src/layout/GlobalStyle";
+import { ResponsiveSpacingStyle } from "@src/util/ResponsiveSpacingStyle";
import StyledComponentsRegistry from "@src/util/StyledComponentsRegistry";
import type { Metadata } from "next";
+import { ReactNode } from "react";
export const metadata: Metadata = {
title: "Comet Starter",
};
-export default function RootLayout({
- children,
-}: Readonly<{
- children: React.ReactNode;
-}>) {
+export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
return (
- {children}
+
+
+
+ {children}
+
);
diff --git a/site/src/util/ResponsiveSpacingStyle.ts b/site/src/util/ResponsiveSpacingStyle.ts
index bcfc528c3..d4be61c17 100644
--- a/site/src/util/ResponsiveSpacingStyle.ts
+++ b/site/src/util/ResponsiveSpacingStyle.ts
@@ -1,3 +1,4 @@
+"use client";
import { createGlobalStyle } from "styled-components";
const ResponsiveSpacingStyle = createGlobalStyle`