From cb43e09c1dd7e3449324a96c6ceefcd9818be9f9 Mon Sep 17 00:00:00 2001
From: chaeyeon1 <66813821+Chaeyeon1@users.noreply.github.com>
Date: Wed, 11 Dec 2024 00:16:48 +0900
Subject: [PATCH] =?UTF-8?q?design=20:=20scroll=20=EB=82=B4=EB=A0=A4?=
 =?UTF-8?q?=EA=B0=80=EB=8D=98=20=EA=B1=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#8
---
 frontend/app/room/[roomId]/_related/session.styled.ts | 1 +
 frontend/app/room/[roomId]/_sections/Users.tsx        | 3 +--
 frontend/app/room/[roomId]/page.tsx                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/room/[roomId]/_related/session.styled.ts b/frontend/app/room/[roomId]/_related/session.styled.ts
index ea768cf..4b75070 100644
--- a/frontend/app/room/[roomId]/_related/session.styled.ts
+++ b/frontend/app/room/[roomId]/_related/session.styled.ts
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 export const RoomTitle = styled.div`
   font-size: 12px;
+  width: 100%;
   padding: 8px 12px;
   color: #000;
   border-bottom: ${({ theme }) => `1px solid ${theme.colors.primary}`};
diff --git a/frontend/app/room/[roomId]/_sections/Users.tsx b/frontend/app/room/[roomId]/_sections/Users.tsx
index 0be4a35..e998af9 100644
--- a/frontend/app/room/[roomId]/_sections/Users.tsx
+++ b/frontend/app/room/[roomId]/_sections/Users.tsx
@@ -2,7 +2,7 @@
 import { AlignCenterRowStack } from '@/app/_components/common';
 import { useContext } from 'react';
 import { ChatContext, User } from '../_related/ChatProvider';
-import { RoomTitle, UserCard, UserImage } from '../_related/session.styled';
+import { UserCard, UserImage } from '../_related/session.styled';
 import { UserComponent } from './UserComponent';
 
 const Users = () => {
@@ -24,7 +24,6 @@ const Users = () => {
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: '24px' }}>
-      <RoomTitle>{roomInfo?.Name}</RoomTitle>
       {userRows.map((row, rowIndex) => (
         <AlignCenterRowStack key={rowIndex} style={{ gap: '8px' }}>
           {row.map((user, userIndex) =>
diff --git a/frontend/app/room/[roomId]/page.tsx b/frontend/app/room/[roomId]/page.tsx
index b094456..deeedba 100644
--- a/frontend/app/room/[roomId]/page.tsx
+++ b/frontend/app/room/[roomId]/page.tsx
@@ -44,7 +44,7 @@ const Page = () => {
   };
 
   return (
-    <Layout style={{ height: '100vh' }}>
+    <Layout style={{ height: '100vh', padding: '0px 0px 48px 0px' }}>
       <PigHeader onClick={handleGotoBack} />
       <SessionContentContainer>
         <Users />