Fix border-bottom of active tab bars (#11068)

app/javascript/styles/mastodon/components.scss

@@ -1965,11 +1965,6 @@ a.account__display-name {
     font-size: 16px;
   }
 
-  &.active {
-    border-bottom: 2px solid $highlight-text-color;
-    color: $highlight-text-color;
-  }
-
   &:hover,
   &:focus,
   &:active {
@@ -1979,6 +1974,11 @@ a.account__display-name {
     }
   }
 
+  &.active {
+    border-bottom: 2px solid $highlight-text-color;
+    color: $highlight-text-color;
+  }
+
   span {
     margin-left: 5px;
     display: none;