diff --git a/ui/components/app/account-menu/index.scss b/ui/components/app/account-menu/index.scss
index 7d6e4a013..d8b9b0bf3 100644
--- a/ui/components/app/account-menu/index.scss
+++ b/ui/components/app/account-menu/index.scss
@@ -37,8 +37,8 @@
     width: 100%;
 
     @media screen and (max-width: $break-small) {
-      padding: 14px;
-      height: 54px;
+      padding: 0 14px;
+      height: 40px;
     }
 
     &--clickable {
@@ -65,7 +65,11 @@
     }
 
     &__text {
-      @include Paragraph;
+      @include H6;
+
+      @include screen-md-min {
+        @include Paragraph;
+      }
 
       color: var(--color-text-default);
     }
@@ -121,10 +125,6 @@
     position: relative;
     flex-direction: column;
     z-index: 200;
-
-    @media (max-height: 600px) {
-      max-height: 236px;
-    }
   }
 
   &__accounts {
@@ -133,8 +133,14 @@
     max-height: 256px;
     scrollbar-width: auto;
 
-    @media screen and (max-width: $break-small) {
-      max-height: 156px;
+    @include screen-sm-max {
+      max-height: 240px;
+    }
+
+    // If window is smaller than extension popover height
+    // reduce scrollable accounts window height
+    @media screen and (max-height: 600px) {
+      max-height: 130px;
     }
 
     .keyring-label {
@@ -231,7 +237,11 @@
   }
 
   &__name {
-    @include H4;
+    @include H6;
+
+    @include screen-md-min {
+      @include Paragraph;
+    }
 
     color: var(--color-text-default);
     text-overflow: ellipsis;