From 6f8887d46113bb3686fde2e368bc4f468e23c0cb Mon Sep 17 00:00:00 2001
From: PARK NA HYUN <116629752+studioOwol@users.noreply.github.com>
Date: Thu, 5 Dec 2024 15:35:44 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EB=9E=9C=EB=94=A9=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EC=97=90=EC=84=9C=20=EC=8A=A4=ED=81=AC=EB=A1=A4?=
 =?UTF-8?q?=EB=B0=94=20=EB=B3=B4=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20(#247)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/src/index.css                    | 7 ++++---
 fe/src/pages/GamePage/index.tsx     | 2 +-
 fe/src/pages/RoomListPage/index.tsx | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

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