Fix notification dot hover/focus transitions

app/assets/stylesheets/framework/gitlab_theme.scss

@@ -74,19 +74,6 @@
             }
           }
 
-          &:focus:hover,
-          &:focus {
-            &.header-user-dropdown-toggle .header-user-notification-dot {
-              border-color: $white;
-            }
-          }
-
-          &:hover {
-            &.header-user-dropdown-toggle .header-user-notification-dot {
-              border-color: $nav-svg-color + 33;
-            }
-          }
-
           &:hover,
           &:focus {
             @include media-breakpoint-up(sm) {
@@ -96,6 +83,10 @@
             svg {
               fill: currentColor;
             }
+
+            &.header-user-dropdown-toggle .header-user-notification-dot {
+              border-color: $nav-svg-color + 33;
+            }
           }
         }
 
@@ -109,6 +100,10 @@
               fill: $nav-svg-color;
             }
           }
+
+          &.header-user-dropdown-toggle .header-user-notification-dot {
+            border-color: $white;
+          }
         }
 
         .impersonated-user,