From 09706e4ae2f6459fc675a230efce5b5e572e7ca4 Mon Sep 17 00:00:00 2001
From: apane <agustin.pane@gmail.com>
Date: Mon, 4 Nov 2019 09:36:12 -0300
Subject: [PATCH] Fix metamask logo size on connect and on install

---
 packages/instant/src/components/payment_method.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx
index 5923e13cb3..25774c5bad 100644
--- a/packages/instant/src/components/payment_method.tsx
+++ b/packages/instant/src/components/payment_method.tsx
@@ -69,7 +69,8 @@ export class PaymentMethod extends React.PureComponent<PaymentMethodProps> {
     private readonly _renderMainContent = (): React.ReactNode => {
         const { account, network } = this.props;
         const isMobile = envUtil.isMobileOperatingSystem();
-        const logo = isMobile ? <CoinbaseWalletLogo width={22} /> : <MetaMaskLogo width={19} height={18} />;
+        const metamaskLogo = <MetaMaskLogo width={23} height={22} />;
+        const logo = isMobile ? <CoinbaseWalletLogo width={22} /> : metamaskLogo;
         const primaryColor = ColorOption.grey;
         const secondaryColor = ColorOption.whiteBackground;
         const colors = { primaryColor, secondaryColor };
@@ -91,7 +92,7 @@ export class PaymentMethod extends React.PureComponent<PaymentMethodProps> {
                             fontWeight="normal"
                             image={
                                 <Container position="relative" display="flex">
-                                    <MetaMaskLogo width={23} height={22} />
+                                    {metamaskLogo}
                                 </Container>
                             }
                             {...colors}