diff --git a/apps/browser/src/popup/scss/pages.scss b/apps/browser/src/popup/scss/pages.scss
index 4d0d5d1eef2..694813b9d49 100644
--- a/apps/browser/src/popup/scss/pages.scss
+++ b/apps/browser/src/popup/scss/pages.scss
@@ -49,6 +49,14 @@ app-generator .generated-block {
     button {
       padding: 5px;
       margin: 0;
+
+      &:hover {
+        color: $brand-primary;
+
+        @include themify($themes) {
+          color: $icon-hover-color;
+        }
+      }
     }
   }
 }
diff --git a/apps/browser/src/popup/scss/variables.scss b/apps/browser/src/popup/scss/variables.scss
index 027fb38f3ed..c2edf93f84d 100644
--- a/apps/browser/src/popup/scss/variables.scss
+++ b/apps/browser/src/popup/scss/variables.scss
@@ -17,6 +17,7 @@ $list-icon-color: #767679;
 $disabled-box-opacity: 1;
 $border-radius: 3px;
 $line-height-base: 1.42857143;
+$icon-hover-color: lighten($text-color, 50%);
 
 $gray: #555;
 $gray-light: #777;