diff --git a/packages/ui/src/layout/sub-header/sub-header.module.css b/packages/ui/src/layout/sub-header/sub-header.module.css
index 542e13a6df..08b07155c1 100644
--- a/packages/ui/src/layout/sub-header/sub-header.module.css
+++ b/packages/ui/src/layout/sub-header/sub-header.module.css
@@ -34,7 +34,6 @@
 
 .rightSide {
   flex: 0 0 auto;
-  margin-left: var(--space-xsmall);
 }
 
 /** Small size modifier */
@@ -50,3 +49,22 @@
 .small .rightSize {
   margin-left: var(--space-xxsmall);
 }
+
+/** Breakpoint changes */
+.inner {
+  flex-wrap: wrap;
+}
+
+.rightSide {
+  margin: var(--space-xsmall) 0 0;
+}
+
+@media (min-width: 768px) {
+  .inner {
+    flex-wrap: nowrap;
+  }
+
+  .rightSide {
+    margin: 0 0 0 var(--space-xsmall);
+  }
+}