diff --git a/src/navigation/Tab/index.tsx b/src/navigation/Tab/index.tsx index d5891482..f38b2595 100644 --- a/src/navigation/Tab/index.tsx +++ b/src/navigation/Tab/index.tsx @@ -28,9 +28,9 @@ export type Props = { }; const TabWrapper = styled.div<{ variant: Variant }>` - border-bottom: ${({ variant, theme }) => + box-shadow: ${({ variant, theme }) => variant === 'outlined' - ? '1px solid ' + theme.colors.overlay.color + ? 'inset 0 -2px 0' + theme.colors.overlay.color : 'none'}; `; @@ -45,23 +45,12 @@ type CustomTabsProps = TabsProps< const CustomTabs = ({ variantStyle, ...rest }: CustomTabsProps) => { const CustomTabsMui = withStyles({ root: { - backgroundColor: - variantStyle === 'contained' ? theme.colors.white : theme.colors.white, borderRadius: variantStyle === 'contained' ? '8px 8px 0 0' : 'inherit', '& .MuiTabs-indicator': { backgroundColor: variantStyle === 'outlined' ? theme.colors.primary : 'transparent', }, - '& .MuiTab-wrapper svg': { - marginTop: '4px', - }, - '& .MuiTab-root.Mui-selected': { - backgroundColor: - variantStyle === 'contained' - ? theme.colors.inputField - : theme.colors.white, - }, '& .MuiTab-textColorInherit.Mui-selected p': { color: theme.colors.primary, fontWeight: '700',