diff --git a/client/src/main.tsx b/client/src/main.tsx
index d43603b..bd387a7 100644
--- a/client/src/main.tsx
+++ b/client/src/main.tsx
@@ -40,9 +40,10 @@ const router = createBrowserRouter([
 // React's StricMode doesn't play well with how I implemented the socket connection
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <>
-    <div className="absolute top-0 left-0 right-0 bottom-0 w-full h-full bg-zinc-200 -z-50"></div>
-    <div className="z-0">
-      <RouterProvider router={router} />
+    <div className="w-full h-[100dvh] bg-zinc-200">
+      <div className="z-0">
+        <RouterProvider router={router} />
+      </div>
     </div>
   </>
 );