diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index dd17f050..266c5cf1 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -315,18 +315,6 @@
   }
 }
 
-.userControl {
-  opacity: 1;
-  transition: opacity 0.3s;
-  z-index: 1;
-
-  .headerWithTitle.headerScrolledBottom & {
-    transition: opacity 0.3s, z-index 0s 0.3s;
-    opacity: 0;
-    z-index: -1;
-  }
-}
-
 .articleControls {
   display: flex;
   justify-content: flex-end;
@@ -367,6 +355,15 @@
 .userControl {
   align-items: baseline;
   display: flex;
+  opacity: 1;
+  transition: opacity 0.3s;
+  z-index: 1;
+
+  .headerWithTitle.headerScrolledBottom & {
+    transition: opacity 0.3s, z-index 0s 0.3s;
+    opacity: 0;
+    z-index: -1;
+  }
 
   @include font-size(1.7rem);