Add wrappers

src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js

@@ -19,6 +19,8 @@ import Row from '../Row';
 import RowCoin from '../RowCoin';
 
 
+const Wrapper = style.div``;
+
 const Text = styled.span`
     font-size: ${FONT_SIZE.SMALLER};
     color: ${colors.TEXT_SECONDARY};
@@ -210,13 +212,13 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
     }
 
     return (
-        <React.Fragment>
+        <Wrapper>
             {backButton}
             <div>
                 {selectedAccounts}
             </div>
             {discoveryStatus}
-        </React.Fragment>
+        </Wrapper>
     );
 };
 

src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js

@@ -1,13 +1,15 @@
 /* @flow */
 import React, { Component } from 'react';
 import TrezorConnect from 'trezor-connect';
-
+import styled from 'styled-components';
 import type { TrezorDevice } from 'flowtype';
 
 import type { Props } from '../common';
 
 import Divider from '../Divider';
 
+const Wrapper = styled.div``;
+
 export const DeviceSelect = (props: Props) => {
     const { devices } = props;
     const { transport } = props.connect;
@@ -212,12 +214,12 @@ export class DeviceDropdown extends Component<Props> {
 
 
         return (
-            <React.Fragment>
+            <Wrapper>
                 {currentDeviceMenu}
                 {deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null}
                 {deviceList}
                 {webUsbButton}
-            </React.Fragment>
+            </Wrapper>
         );
     }
 }