diff --git a/app/assets/stylesheets/application/topic.css.scss b/app/assets/stylesheets/application/topic.css.scss
index ea6c38a3a..7cf809dfe 100644
--- a/app/assets/stylesheets/application/topic.css.scss
+++ b/app/assets/stylesheets/application/topic.css.scss
@@ -7,21 +7,6 @@
 // --------------------------------------------------
 
 
-// when the H1 is docked at the top, there is less room
-// due to the username and search / notifications / etc controls
-.extra-info-wrapper {
-   @include medium-width {
-     h1 {
-       max-width: 735px;
-     }
-   }
-   @include small-width {
-     h1 {
-       max-width: 690px;
-     }
-   }
-}
-
 // note that this CSS affects both the docked title and the in-page title
 #topic-title,
 .extra-info-wrapper {
@@ -98,8 +83,24 @@
   }
 }
 
-// Page header
 
+// when the H1 is docked at the top, there is less room
+// due to the username and search / notifications / etc controls
+.extra-info-wrapper {
+  @include medium-width {
+    h1 {
+      max-width: 735px;
+    }
+  }
+  @include small-width {
+    h1 {
+      max-width: 690px;
+    }
+  }
+}
+
+
+// Page header
 #topic-title {
   margin-bottom: 14px;
   #edit-title {
@@ -108,7 +109,6 @@
 }
 
 // App header
-
 .extra-info-wrapper {
   float: left;
   margin-left: 10px;