Fix hairline and tab bottom border for tabs on safe view page

src/routes/safe/components/Layout.jsx

@@ -32,10 +32,11 @@ type State = {
   tabIndex: number,
 }
 
-type Props = SelectorProps & Actions & {
+type Props = SelectorProps &
-  classes: Object,
+  Actions & {
-  granted: boolean,
+    classes: Object,
-}
+    granted: boolean,
+  }
 
 const openIconStyle = {
   height: '16px',
@@ -149,7 +150,7 @@ class Layout extends React.Component<Props, State> {
             <Tab label="Settings" data-testid={SETTINGS_TAB_BTN_TEST_ID} />
           </Tabs>
         </Row>
-        <Hairline color={border} />
+        <Hairline color={border} style={{ marginTop: '-2px' }} />
         {tabIndex === 0 && (
           <Balances
             ethBalance={ethBalance}