diff --git a/src/app/frontend/chrome/nav/style.scss b/src/app/frontend/chrome/nav/style.scss
index 5dc87dd6d4869b896b3efe5be5982cee4977c00c..ec85473a616171058e456c15ee757f147c2c910d 100644
--- a/src/app/frontend/chrome/nav/style.scss
+++ b/src/app/frontend/chrome/nav/style.scss
@@ -19,21 +19,21 @@
   height: 100%;
   width: $nav-width + 8px;
 
+  &.visible {
+    transition: width .3s;
+  }
+
+  &.hidden {
+    transition: width .2s;
+    width: 0;
+  }
+
   .kd-nav {
     background-color: transparent;
     font-size: $body-font-size-base;
     overflow-y: auto;
     white-space: nowrap;
 
-    &.visible {
-      transition: width .3s;
-    }
-
-    &.hidden {
-      transition: width .2s;
-      width: 0;
-    }
-
     .kd-nav-items {
       padding: $content-padding 3px $content-padding $content-padding;