fix: 모바일 방 설정 컴포넌트 화면 깨짐 해결 #375

woowacourse-teams · Oct 24, 2024 · a9c81b6 · a9c81b6
1 parent 1f77ccc
commit a9c81b6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/components/RoomSetting/RoomSetting.styled.ts b/frontend/src/components/RoomSetting/RoomSetting.styled.ts
@@ -6,7 +6,7 @@ import getBorderRadius from '@/styles/utils/getBorderRadius';
 export const roomSettingLayout = css`
   display: flex;
   flex-direction: column;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
   width: 100%;
   height: 10rem;
@@ -38,7 +38,7 @@ export const roomSettingKey = css`
 export const roomSettingKeyBox = css`
   display: flex;
   justify-content: space-between;
-  width: 50rem;
+  width: 80%;
 
   font-weight: 600;
 `;
@@ -47,5 +47,5 @@ export const roomSettingValueBox = css`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: 50rem;
+  width: 80%;
 `;