diff --git a/polaris-react/src/components/TopBar/TopBar.scss b/polaris-react/src/components/TopBar/TopBar.scss
index 6f2e8b4d711..606c727b03e 100644
--- a/polaris-react/src/components/TopBar/TopBar.scss
+++ b/polaris-react/src/components/TopBar/TopBar.scss
@@ -147,6 +147,10 @@ $search-column-width-se23: 480px;
   // stylelint-enable selector-max-specificity
 }
 
+.LeftContent {
+  display: flex;
+}
+
 .Search {
   z-index: var(--p-z-index-1);
   display: flex;
@@ -160,6 +164,11 @@ $search-column-width-se23: 480px;
   }
 }
 
+.RightContent {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .SecondaryMenu {
   margin-left: var(--p-space-2);
 }
@@ -171,12 +180,3 @@ $search-column-width-se23: 480px;
     fill: var(--p-color-icon-inverse);
   }
 }
-
-.LeftContent {
-  display: flex;
-}
-
-.RightContent {
-  display: flex;
-  justify-content: flex-end;
-}