fix trezor web usb buttons

src/views/Landing/components/ConnectDevice/index.js

@@ -5,7 +5,7 @@ import styled, { keyframes } from 'styled-components';
 import TrezorConnect from 'trezor-connect';
 import l10nCommonMessages from 'views/common.messages';
 
-import { Button, P, H5, Link, colors } from 'trezor-ui-components';
+import { Button, P, H5, Link, icons, colors } from 'trezor-ui-components';
 
 import { PULSATE } from 'config/animations';
 import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables';
@@ -163,7 +163,11 @@ class ConnectDevice extends PureComponent<Props> {
                             <StyledP>
                                 <FormattedMessage {...l10nMessages.TR_AND} />
                             </StyledP>
-                            <StyledButton isWebUsb>
+                            <StyledButton
+                                isInverse
+                                icon={icons.PLUS}
+                                additionalClassName="trezor-webusb-button"
+                            >
                                 <FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
                             </StyledButton>
                         </React.Fragment>

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

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 import TrezorConnect from 'trezor-connect';
 import { FormattedMessage } from 'react-intl';
 
-import { Button, colors as COLORS } from 'trezor-ui-components';
+import { Button, icons, colors as COLORS } from 'trezor-ui-components';
 import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
 import { SLIDE_DOWN } from 'config/animations';
 
@@ -30,7 +30,7 @@ const Wrapper = styled.div`
 
 const ButtonWrapper = styled.div`
     margin: 10px 0;
-    padding: 0 10px;
+    padding: 0 24px;
     display: flex;
 `;
 const StyledButton = styled(Button)`
@@ -131,7 +131,11 @@ class DeviceMenu extends PureComponent<Props> {
                 />
                 {deviceUtils.isWebUSB(transport) && (
                     <ButtonWrapper>
-                        <StyledButton isWebUsb>
+                        <StyledButton
+                            isInverse
+                            icon={icons.PLUS}
+                            additionalClassName="trezor-webusb-button"
+                        >
                             <FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
                         </StyledButton>
                     </ButtonWrapper>