fix: 480px~504px 에서 여전히 분과필터가 2줄인 구간이 있는 문제

Author: ganimjeong

src/pages/user/Main/components/FiltersSection/index.styled.ts

@@ -39,7 +39,7 @@ export const TabsWrapper = styled.div(({ theme }) => ({
     gap: '8px',
     width: '100%',
   },
-  '@media (max-width: 409px)': {
+  ['@media (max-width: 409px)']: {
     gap: '6px',
   },
 }));
@@ -83,11 +83,11 @@ export const TabButton = styled.button<TabButtonProps>(({ theme, isSelected }) =
     transform: 'scale(0.98)',
   },
 
-  [`@media (max-width: ${theme.breakpoints.mobile})`]: {
+  [`@media (max-width: 504px)`]: {
     padding: '8px 16px',
     fontSize: theme.font.size.sm,
   },
-  '@media (max-width: 400px)': {
+  ['@media (max-width: 400px)']: {
     padding: '8px 11px',
     fontSize: theme.font.size.sm,
   },