diff --git a/frontend/src/components/common/label/Label.style.ts b/frontend/src/components/common/label/Label.style.ts index f15e6f90c..56ef5b7b1 100644 --- a/frontend/src/components/common/label/Label.style.ts +++ b/frontend/src/components/common/label/Label.style.ts @@ -60,12 +60,7 @@ export const LabelWrapper = styled.div` `; case "MANAGER": return css` - display: flex; gap: 0.4rem; - - font: ${({ theme }) => theme.TEXT.small}; - color: ${theme.COLOR.black}; - background-color: ${theme.COLOR.grey0}; border: 1px solid ${theme.COLOR.grey0}; `; diff --git a/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.style.ts b/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.style.ts index 2ba4a9d1f..fffd97edf 100644 --- a/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.style.ts +++ b/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.style.ts @@ -121,9 +121,9 @@ export const NoKeywordText = styled.span` `; export const RoomContentSmall = styled.div` - font: ${({ theme }) => theme.TEXT.small_bold}; + font: ${({ theme }) => theme.TEXT.semiSmall}; line-height: normal; - color: ${({ theme }) => theme.COLOR.black}; + color: ${({ theme }) => theme.COLOR.grey4}; white-space: pre-line; `; diff --git a/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx b/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx index 7c907e10c..05a6489a1 100644 --- a/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx +++ b/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx @@ -42,7 +42,7 @@ const RoomInfoCard = ({ roomInfo }: { roomInfo: RoomInfo }) => { -