chore: minor button style adjustments (#9170)

Make it look more like a dropdown
Unleash · Jan 29, 2025 · 08c016b · 08c016b
1 parent f455683
commit 08c016b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx b/frontend/src/component/admin/network/NetworkTrafficUsage/PeriodSelector.tsx
@@ -203,13 +203,15 @@ export const PeriodSelector: FC<Props> = ({ selectedPeriod, setPeriod }) => {
                     fontWeight: 'normal',
                     color: theme.palette.text.primary,
                     borderColor: theme.palette.divider,
-                    borderWidth: '2px',
                     ':focus-within': {
                         borderColor: theme.palette.primary.main,
                     },
                     ':hover': {
-                        borderWidth: '2px', // Prevent the border from changing width on hover
+                        borderColor: theme.palette.text.disabled,
+                        backgroundColor: 'inherit',
                     },
+
+                    transition: 'border-color 0.1s ease',
                 })}
                 variant='outlined'
                 disableRipple