diff --git a/packages/extension-ui/src/Popup/Accounts/index.tsx b/packages/extension-ui/src/Popup/Accounts/index.tsx
index 9191e58a..b938b9c4 100644
--- a/packages/extension-ui/src/Popup/Accounts/index.tsx
+++ b/packages/extension-ui/src/Popup/Accounts/index.tsx
@@ -47,7 +47,7 @@ function Accounts ({ className }: Props): React.ReactElement {
 }
 
 export default styled(Accounts)`
-  height: 100%;
+  height: calc(100vh - 2px);
   overflow-y: scroll;
   margin-top: -25px;
   padding-top: 25px;
diff --git a/packages/extension-ui/src/components/Main.tsx b/packages/extension-ui/src/components/Main.tsx
index addf43bd..84f8a654 100644
--- a/packages/extension-ui/src/components/Main.tsx
+++ b/packages/extension-ui/src/components/Main.tsx
@@ -22,7 +22,7 @@ function Main ({ children, className }: Props): React.ReactElement<Props> {
 export default styled(Main)(({ theme }: ThemeProps) => `
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: calc(100vh - 2px);
   background: ${theme.background};
   color: ${theme.textColor};
   font-size: ${theme.fontSize};