design(#138): 하이폰 속성 추가, 영역 벗어남 오류 수정

Kusitms-29th-ASAP · Aug 31, 2024 · c9bffaf · c9bffaf
1 parent ffd12e9
commit c9bffaf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/common/ListBox.tsx b/src/components/common/ListBox.tsx
@@ -273,7 +273,12 @@ const Time = styled.div`
   ${(props) => props.theme.fonts.caption2_m};
   border-radius: 0px 8px 8px 0px;
   background: rgba(255, 135, 0, 0.15);
-  white-space: nowrap;
+  white-space: normal;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
   &.mint {
     color: ${theme.colors.sub_mint};
     background: rgba(5, 206, 194, 0.15);