diff --git a/resources/skins.citizen.styles/components/Header.less b/resources/skins.citizen.styles/components/Header.less
index e8411a27..ba57c0fd 100644
--- a/resources/skins.citizen.styles/components/Header.less
+++ b/resources/skins.citizen.styles/components/Header.less
@@ -86,8 +86,8 @@
 
 	&__inner {
 		display: flex;
-		flex-direction: var( --header-direction );
 		flex-grow: 1;
+		flex-direction: var( --header-direction );
 		gap: var( --space-xxs );
 		justify-content: space-between;
 		min-width: 0;
@@ -97,8 +97,8 @@
 	&__start,
 	&__end {
 		display: flex;
-		flex-direction: var( --header-direction );
 		flex-shrink: 0; // let _inner handle the overflow
+		flex-direction: var( --header-direction );
 		gap: var( --space-xxs );
 
 		// Hide top-level menu header labels