From 36c02e53b3220f81a2150e280d894166b088c947 Mon Sep 17 00:00:00 2001
From: Suyoung <joyswim.dev@gmail.com>
Date: Tue, 2 Sep 2025 19:59:51 +0900
Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=92=84design:=20=EB=8C=80=EA=B8=B0?=
 =?UTF-8?q?=EC=8B=A4=20=EB=B2=84=ED=8A=BC=20=EC=82=AC=EC=9D=B4=EC=A6=88=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95=20=EB=B0=8F=20=EA=B3=B5=ED=86=B5=20className?=
 =?UTF-8?q?=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/room/[roomId]/_component/PrevGame.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/room/[roomId]/_component/PrevGame.tsx b/src/app/room/[roomId]/_component/PrevGame.tsx
index 4615196..6106e8c 100644
--- a/src/app/room/[roomId]/_component/PrevGame.tsx
+++ b/src/app/room/[roomId]/_component/PrevGame.tsx
@@ -42,6 +42,7 @@ const PrevGame = ({
 }: PrevGameProps) => {
   const gameType = gameToType(roomDetail.game.nameEn);
   const totalRoundsRef = useRef<number>(GAME_QUESTIONS_COUNT[gameType].MIN);
+  const buttonClassName = 'text-sm 2xl:text-base font-semibold w-[11rem]';
 
   const { myName } = useRoomStore();
   const { openModal } = useModalStore();
@@ -112,10 +113,10 @@ const PrevGame = ({
             />
             <Button
               className={cn(
-                'text-base font-semibold w-[12rem]',
+                buttonClassName,
                 !isAllReady && 'pointer-events-none'
               )}
-              size="xl"
+              size="lg"
               variant={
                 isAllReady && roomDetail.players.length !== 1
                   ? 'default'
@@ -145,8 +146,11 @@ const PrevGame = ({
             {isDevelopment && (
               <Button
                 variant={'secondary'}
-                className="text-base font-semibold w-[12rem] flex items-center justify-center gap-2"
-                size="xl"
+                className={cn(
+                  buttonClassName,
+                  'flex items-center justify-center gap-2'
+                )}
+                size="lg"
                 onClick={handleGameChange}
               >
                 <SlidersHorizontal />
@@ -159,8 +163,8 @@ const PrevGame = ({
 
       {!isRoomManager && (
         <Button
-          className="text-base font-semibold w-[12rem]"
-          size="xl"
+          className={buttonClassName}
+          size="lg"
           variant={isReady ? 'waiting' : 'default'}
           onClick={isReady ? handleUnready : handleReady}
         >

From 33a455dea874c84421b4494588b067c199f6d663 Mon Sep 17 00:00:00 2001
From: Suyoung <joyswim.dev@gmail.com>
Date: Tue, 2 Sep 2025 20:02:01 +0900
Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=92=84design:=20=EB=A3=B8=20UserList?=
 =?UTF-8?q?=20=ED=81=AC=EA=B8=B0=20=EC=9E=91=EA=B2=8C=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/room/[roomId]/_component/UserList.tsx | 2 +-
 src/components/UserInfoCard/UserInfoCard.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/room/[roomId]/_component/UserList.tsx b/src/app/room/[roomId]/_component/UserList.tsx
index 938f4d4..9a9db4d 100644
--- a/src/app/room/[roomId]/_component/UserList.tsx
+++ b/src/app/room/[roomId]/_component/UserList.tsx
@@ -26,7 +26,7 @@ const UserList = ({ players }: UserListProps) => {
   };
 
   return (
-    <section className="flex flex-col gap-3 h-[80vh] w-[14rem] min-w-[14rem] max-w-[15rem] relative ml-10">
+    <section className="flex flex-col gap-3 h-[80vh] w-[13rem] 2xl:w-[14rem] max-w-[15rem] relative ml-10 shrink-0">
       {roomStatus === ROOM_STATUS.IDLE && (
         <Button
           className="absolute -top-12 left-0"
diff --git a/src/components/UserInfoCard/UserInfoCard.tsx b/src/components/UserInfoCard/UserInfoCard.tsx
index e36300e..5fa5b32 100644
--- a/src/components/UserInfoCard/UserInfoCard.tsx
+++ b/src/components/UserInfoCard/UserInfoCard.tsx
@@ -35,7 +35,7 @@ const UserInfoCard = ({
       className={cn(
         isReady ? 'bg-primary/50' : 'bg-container',
         isStart && 'bg-container',
-        'w-full h-[4rem] flex rounded-lg relative'
+        'w-full h-[3.5rem] 2xl:h-[4rem] flex rounded-lg relative'
       )}
     >
       {isHost && (
@@ -49,7 +49,7 @@ const UserInfoCard = ({
           />
         </section>
       )}
-      <figure className="flex justify-center items-center rounded-l-lg overflow-hidden w-[4rem] bg-white">
+      <figure className="flex justify-center items-center rounded-l-lg overflow-hidden w-[3rem] 2xl:w-[3.5rem] bg-white">
         <Image
           src={`/images/characters/${fileName}.webp`}
           alt="profile"

From 90a0c025e4978e76470d0a52f7abb7ad5a7e6fd4 Mon Sep 17 00:00:00 2001
From: Suyoung <joyswim.dev@gmail.com>
Date: Tue, 2 Sep 2025 20:11:40 +0900
Subject: [PATCH 3/5] =?UTF-8?q?=F0=9F=90=9Bfix:=20=EB=A3=B8/=EA=B2=B0?=
 =?UTF-8?q?=EA=B3=BC=20=EA=B0=80=EB=A1=9C=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=88=20=ED=95=B4=EA=B2=B0(margin>padding)=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/room/[roomId]/_component/UserList.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/room/[roomId]/_component/UserList.tsx b/src/app/room/[roomId]/_component/UserList.tsx
index 9a9db4d..b83dae8 100644
--- a/src/app/room/[roomId]/_component/UserList.tsx
+++ b/src/app/room/[roomId]/_component/UserList.tsx
@@ -26,10 +26,10 @@ const UserList = ({ players }: UserListProps) => {
   };
 
   return (
-    <section className="flex flex-col gap-3 h-[80vh] w-[13rem] 2xl:w-[14rem] max-w-[15rem] relative ml-10 shrink-0">
+    <section className="flex flex-col gap-3 h-[80vh] w-[13rem] 2xl:w-[14rem] max-w-[15rem] relative pl-10 shrink-0">
       {roomStatus === ROOM_STATUS.IDLE && (
         <Button
-          className="absolute -top-12 left-0"
+          className="absolute -top-12 left-10"
           size={'sm'}
           variant={'secondary'}
           onClick={handleLinkCopy}

From 2c286f650a067b063079bc741762e80a6192a999 Mon Sep 17 00:00:00 2001
From: Suyoung <joyswim.dev@gmail.com>
Date: Tue, 2 Sep 2025 20:24:10 +0900
Subject: [PATCH 4/5] =?UTF-8?q?=F0=9F=92=84design:=20UserList=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=ED=81=AC=EA=B2=8C=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/room/[roomId]/_component/UserList.tsx | 2 +-
 src/components/UserInfoCard/UserInfoCard.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/room/[roomId]/_component/UserList.tsx b/src/app/room/[roomId]/_component/UserList.tsx
index b83dae8..4091e06 100644
--- a/src/app/room/[roomId]/_component/UserList.tsx
+++ b/src/app/room/[roomId]/_component/UserList.tsx
@@ -26,7 +26,7 @@ const UserList = ({ players }: UserListProps) => {
   };
 
   return (
-    <section className="flex flex-col gap-3 h-[80vh] w-[13rem] 2xl:w-[14rem] max-w-[15rem] relative pl-10 shrink-0">
+    <section className="flex flex-col gap-3 h-[80vh] w-[14.5rem] 2xl:w-[16rem] max-w-[16rem] relative pl-10 shrink-0">
       {roomStatus === ROOM_STATUS.IDLE && (
         <Button
           className="absolute -top-12 left-10"
diff --git a/src/components/UserInfoCard/UserInfoCard.tsx b/src/components/UserInfoCard/UserInfoCard.tsx
index 5fa5b32..cac7458 100644
--- a/src/components/UserInfoCard/UserInfoCard.tsx
+++ b/src/components/UserInfoCard/UserInfoCard.tsx
@@ -59,7 +59,7 @@ const UserInfoCard = ({
         />
         <figcaption className="sr-only">{`${fileName} 캐릭터 이미지`}</figcaption>
       </figure>
-      <div className="w-[calc(100%-4rem)] pl-3 pr-2 flex items-center font-medium justify-between gap-1">
+      <div className="w-[calc(100%-4rem)] flex items-center font-medium justify-between pl-2">
         <span className={cn(myName === name && 'text-primary-400 font-bold')}>
           {name}
         </span>

From 3d3feef98334e7dfeec9dbbbced88bfd3dbf2274 Mon Sep 17 00:00:00 2001
From: Suyoung <joyswim.dev@gmail.com>
Date: Tue, 2 Sep 2025 20:41:40 +0900
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=90=9Bfix:=20=EA=B0=80=EB=A1=9C?=
 =?UTF-8?q?=EC=84=B8=EB=A1=9C=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=98=81?=
 =?UTF-8?q?=EC=97=AD=EB=A7=8C=ED=81=BC=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=88=20overflow-hidden=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/room/[roomId]/_component/WaitingRoom.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/room/[roomId]/_component/WaitingRoom.tsx b/src/app/room/[roomId]/_component/WaitingRoom.tsx
index 6fc13bd..4fb8650 100644
--- a/src/app/room/[roomId]/_component/WaitingRoom.tsx
+++ b/src/app/room/[roomId]/_component/WaitingRoom.tsx
@@ -133,7 +133,7 @@ const WaitingRoom = ({
   }
 
   return (
-    <section className="w-screen min-h-screen flex items-start justify-start 2xl:justify-center gap-4 shrink-0 py-20 overflow-y-hidden">
+    <section className="w-screen min-h-screen flex items-start justify-start 2xl:justify-center gap-4 shrink-0 py-20 overflow-hidden">
       <UserList players={players} />
       <section className="flex flex-col gap-300 h-[calc(100vh-12rem)] min-h-[30rem] max-w-[60%] min-w-max w-full rounded-lg shrink-0">
         <ErrorHandlingWrapper