refactor: 340px~409px에서 분과필터 두줄되지 않도록 수정

Author: ganimjeong

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

@@ -39,6 +39,9 @@ export const TabsWrapper = styled.div(({ theme }) => ({
     gap: '8px',
     width: '100%',
   },
+  '@media (max-width: 409px)': {
+    gap: '6px',
+  },
 }));
 
 type TabButtonProps = {
@@ -84,6 +87,10 @@ export const TabButton = styled.button<TabButtonProps>(({ theme, isSelected }) =
     padding: '8px 16px',
     fontSize: theme.font.size.sm,
   },
+  '@media (max-width: 400px)': {
+    padding: '8px 11px',
+    fontSize: theme.font.size.sm,
+  },
 }));
 
 export const DropdownWrapper = styled.div({