From 91992ccaaf6d6875688a8424edb69f541824c04a Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mmvsha73@gmail.com>
Date: Fri, 6 Sep 2019 17:49:35 +0400
Subject: [PATCH] Fix hairline and tab bottom border for tabs on safe view page

---
 src/routes/safe/components/Layout.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/routes/safe/components/Layout.jsx b/src/routes/safe/components/Layout.jsx
index 5e4ada9f..d7716453 100644
--- a/src/routes/safe/components/Layout.jsx
+++ b/src/routes/safe/components/Layout.jsx
@@ -32,10 +32,11 @@ type State = {
   tabIndex: number,
 }
 
-type Props = SelectorProps & Actions & {
-  classes: Object,
-  granted: boolean,
-}
+type Props = SelectorProps &
+  Actions & {
+    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}