From 37baf7ec64b3b4ba66cf76000f596aa9e111c196 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 4 Jan 2021 16:42:10 -0300
Subject: [PATCH 1/2] remove white background and center icons

---
 src/navigation/Tab/index.tsx | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/navigation/Tab/index.tsx b/src/navigation/Tab/index.tsx
index d5891482..53fbe47b 100644
--- a/src/navigation/Tab/index.tsx
+++ b/src/navigation/Tab/index.tsx
@@ -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',

From 0575c5b37ba7c9155889db3469ec34e3e9666467 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Fri, 8 Jan 2021 11:24:04 -0300
Subject: [PATCH 2/2] change border bottom widh to 2px

---
 src/navigation/Tab/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/navigation/Tab/index.tsx b/src/navigation/Tab/index.tsx
index 53fbe47b..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'};
 `;