Change order of the current nav item indicator styles

sass/_general.scss

@@ -54,12 +54,14 @@ body {
 	}
 }
 
+// Custom focus indicator
 :focus-visible {
 	animation: focus-in var(--transition);
 	outline: 0.125rem solid var(--primary-color);
 	outline-offset: 2px;
 }
 
+// Fallback for older browsers
 @supports not selector(:focus-visible) {
 	:focus {
 		animation: focus-in var(--transition);

sass/_nav.scss

@@ -65,16 +65,6 @@
 			}
 
 			&.active {
-				&:hover::before {
-					right: 1rem;
-					left: 1rem;
-					border-bottom: 0.25rem solid var(--primary-color);
-				}
-
-				&:active::before {
-					border-radius: 0.25rem;
-				}
-
 				&::before {
 					display: block;
 					position: absolute;
@@ -87,6 +77,16 @@
 					border-radius: 0 0 0.25rem 0.25rem;
 					content: "";
 				}
+
+				&:hover::before {
+					right: 1rem;
+					left: 1rem;
+					border-bottom: 0.25rem solid var(--primary-color);
+				}
+
+				&:active::before {
+					border-radius: 0.25rem;
+				}
 			}
 		}