fix display of menu

blockchain · Jun 3, 2019 · 03d6b22 · 03d6b22
1 parent 778b454
commit 03d6b22
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/blockchain-info-components/src/Menus/TabMenu/TabMenuItem.js b/packages/blockchain-info-components/src/Menus/TabMenu/TabMenuItem.js
@@ -27,7 +27,7 @@ const BaseTabMenuItem = styled.span`
     & :after {
       position: absolute;
       content: '';
-      top: 40px;
+      top: 39px;
       left: 0;
       width: 100%;
       border-bottom: 4px solid ${props => props.theme['brand-secondary']};

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Settings/Addresses/Menu/index.js b/packages/blockchain-wallet-v4-frontend/src/scenes/Settings/Addresses/Menu/index.js
@@ -45,7 +45,7 @@ const LinkItem = styled(TabMenuItem)`
     & :after {
       position: absolute;
       content: '';
-      top: 40px;
+      top: 39px;
       left: 0;
       width: 100%;
       border-bottom: 4px solid ${props => props.theme['brand-secondary']};
@@ -74,7 +74,7 @@ const MenuTop = () => (
         </LinkContainer>
       </TabMenu>
       <Search data-e2e='walletSettingsSearch'>
-        <Field name='search' component={TextBox} />
+        <Field name='search' height='40px' component={TextBox} />
         <SearchIcon name='search' size='20px' />
       </Search>
     </Container>