From bbca310550fa02c711eaa21927dcaa864f372029 Mon Sep 17 00:00:00 2001
From: Cozma Rares <cozmarares11@gmail.com>
Date: Wed, 9 Aug 2023 16:33:57 +0300
Subject: [PATCH] fix(mobile): dynamic height for bg color

---
 client/src/main.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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>
   </>
 );