diff --git a/src/components/SplashScreen.tsx b/src/components/SplashScreen.tsx
index 21729c13..843c29a9 100644
--- a/src/components/SplashScreen.tsx
+++ b/src/components/SplashScreen.tsx
@@ -12,7 +12,7 @@ const SplashScreen = ({ children }: { children: ReactNode }) => {
   }, []);
   if (isLoading)
     return (
-      <div className="bg-[#AB25C0] h-full w-[100dvw] flex flex-col items-center justify-center">
+      <div className="bg-[#AB25C0] h-[100dvh] w-[100dvw] flex flex-col items-center justify-center">
         <img
           src="/logo.png"
           className="w-2/5 max-w-64 mt-auto"