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