diff --git a/fe/src/index.css b/fe/src/index.css
index 7aad113..ab3b6c6 100644
--- a/fe/src/index.css
+++ b/fe/src/index.css
@@ -107,6 +107,7 @@ body {
 
 body {
   margin: 0;
+  overflow-y: scroll;
 }
 
 .app {
@@ -120,19 +121,19 @@ body {
 }
 
 @media (min-width: 768px) {
-  .game-wrapper {
+  .game-page {
     height: 100vh;
     overflow: hidden;
   }
 }
 
 @media (max-width: 767px) {
-  .game-wrapper {
+  .game-page {
     height: auto;
     overflow-y: visible;
   }
 
-  body {
+  .game-page body {
     overflow-y: auto;
   }
 }
diff --git a/fe/src/pages/GamePage/index.tsx b/fe/src/pages/GamePage/index.tsx
index 2e5dec6..5fd5efc 100644
--- a/fe/src/pages/GamePage/index.tsx
+++ b/fe/src/pages/GamePage/index.tsx
@@ -107,7 +107,7 @@ const GamePage = () => {
   }
 
   return (
-    <div className="game-wrapper">
+    <div className="game-page game-wrapper">
       <div className="relative overflow-y-auto p-6 mt-2 min-h-screen">
         <div className="space-y-6">
           <GameScreen />
diff --git a/fe/src/pages/RoomListPage/index.tsx b/fe/src/pages/RoomListPage/index.tsx
index cc5af86..a45924a 100644
--- a/fe/src/pages/RoomListPage/index.tsx
+++ b/fe/src/pages/RoomListPage/index.tsx
@@ -35,7 +35,7 @@ const RoomListPage = () => {
   }, []);
 
   return (
-    <div className="game-wrapper">
+    <div className="game-page game-wrapper">
       <div className="relative overflow-y-auto p-6 mt-2 min-h-screen flex-1">
         <RoomHeader />
         <SearchBar />