diff --git a/app/extensions/brave/img/braveBtn_hover.png b/app/extensions/brave/img/braveBtn_hover.png
index 7c690451f45..e09ef8aa9da 100644
Binary files a/app/extensions/brave/img/braveBtn_hover.png and b/app/extensions/brave/img/braveBtn_hover.png differ
diff --git a/less/navigationBar.less b/less/navigationBar.less
index f0075f4d76e..30f0fa4623c 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -543,10 +543,6 @@
         -webkit-filter: grayscale(100%);
       }
 
-      &:not(.braveShieldsDisabled):hover {
-        -webkit-filter: brightness(0.7);
-      }
-
       &.braveShieldsDisabled {
         -webkit-filter: grayscale(100%);
         opacity: 0.4;
@@ -926,4 +922,10 @@
                                       url(../app/extensions/brave/img/braveBtn3x.png) 3x);
   background-repeat: no-repeat;
   height: 24px;
+
+  &:hover {
+    background-image: -webkit-image-set(url(../app/extensions/brave/img/braveBtn_hover.png) 1x,
+                                        url(../app/extensions/brave/img/braveBtn2x_hover.png) 2x,
+                                        url(../app/extensions/brave/img/braveBtn3x_hover.png) 3x);
+  }
 }