From 91073cc8fb6517ae2d960b384474a4aaec612c01 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 3 Sep 2020 17:30:21 +0200
Subject: [PATCH] Extend popup width (#424)

---
 packages/extension-ui/src/components/Address.tsx | 1 -
 packages/extension/public/index.html             | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/extension-ui/src/components/Address.tsx b/packages/extension-ui/src/components/Address.tsx
index fddf65df..b6591ee8 100644
--- a/packages/extension-ui/src/components/Address.tsx
+++ b/packages/extension-ui/src/components/Address.tsx
@@ -200,7 +200,6 @@ function Address ({ actions, address, children, className, genesisHash, isHidden
 }
 
 const FullAddress = styled.div(({ theme }: ThemeProps) => `
-  width: 270px;
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${theme.labelColor};
diff --git a/packages/extension/public/index.html b/packages/extension/public/index.html
index fd830a3b..d86bc8f6 100644
--- a/packages/extension/public/index.html
+++ b/packages/extension/public/index.html
@@ -5,7 +5,7 @@
     <title>polkadot{.js}</title>
   </head>
   <body style="height: 600px; margin:0; overflow-x:hidden; text-align:center">
-    <div id="root" style="box-sizing:border-box; margin:0 auto; padding:0; text-align:left; width:480px; height: calc(100% - 2px); max-width: 100%;"></div>
+    <div id="root" style="box-sizing:border-box; margin:0 auto; padding:0; text-align:left; width:570px; height: calc(100% - 2px); max-width: 100%;"></div>
     <script src='./extension.js'></script>
   </body>
 </html>