From 5eebb76e27da6aa44a248c09fcc52f56b57a4a2d Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Fri, 17 Aug 2018 13:02:13 +0200
Subject: [PATCH] Add wrappers

---
 .../LeftNavigation/components/AccountMenu/index.js        | 6 ++++--
 .../LeftNavigation/components/DeviceMenu/index.js         | 8 +++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
index b7688678..a5993b0e 100644
--- a/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
+++ b/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>
     );
 };
 
diff --git a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js
index 5c746d69..3b66792b 100644
--- a/src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js
+++ b/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>
         );
     }
 }