diff --git a/client/src/components/SkyJumpMiniGame/main.css b/client/src/components/SkyJumpMiniGame/main.css
index 840e6dac..116dc9a3 100644
--- a/client/src/components/SkyJumpMiniGame/main.css
+++ b/client/src/components/SkyJumpMiniGame/main.css
@@ -32,7 +32,7 @@
 .skyjump-game-container {
   position: relative;
   width: 100%;
-  height: 100vh;
+  height: 100dvh;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -164,7 +164,7 @@
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 9999;
   display: flex;