diff --git a/packages/extension-base/src/background/handlers/State.ts b/packages/extension-base/src/background/handlers/State.ts
index 05df2f30..1a42573c 100644
--- a/packages/extension-base/src/background/handlers/State.ts
+++ b/packages/extension-base/src/background/handlers/State.ts
@@ -59,7 +59,7 @@ let idCounter = 0;
 const WINDOW_OPTS = {
   // This is not allowed on FF, only on Chrome - disable completely
   // focused: true,
-  height: 600,
+  height: 621,
   left: 150,
   top: 150,
   type: 'popup',
diff --git a/packages/extension/public/index.html b/packages/extension/public/index.html
index fa77749f..d3cc4f9c 100644
--- a/packages/extension/public/index.html
+++ b/packages/extension/public/index.html
@@ -5,7 +5,7 @@
     <title>polkadot{.js}</title>
     <link href="fonts/fonts.css" rel="stylesheet">
   </head>
-  <body style="height: 600px; margin:0; overflow-x:hidden; text-align:center">
+  <body style="min-height: 600px; height: 100%; 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:560px; height: calc(100% - 2px); max-width: 100%;"></div>
     <script src='./extension.js'></script>
   </body>