diff --git a/core/themes/olivero/css/components/tabs.pcss.css b/core/themes/olivero/css/components/tabs.pcss.css
index ee144936587b8a6c2d927ff183aeb821209e1b68..200749bb0150c634bd23afa2b9b87dcb37fb91a3 100644
--- a/core/themes/olivero/css/components/tabs.pcss.css
+++ b/core/themes/olivero/css/components/tabs.pcss.css
@@ -41,6 +41,12 @@
     display: flex;
   }
 
+  @media (--tabs-layout-switch) {
+    display: flex;
+    margin-block-end: 0;
+    margin-inline-start: calc(-1 * var(--tabs-border-width));
+  }
+
   /* Show tabs when JavaScript disabled. */
   @nest html:not(.js) & {
     display: flex;
@@ -59,12 +65,6 @@
       display: flex;
     }
   }
-
-  @media (--tabs-layout-switch) {
-    display: flex;
-    margin-block-end: 0;
-    margin-inline-start: calc(-1 * var(--tabs-border-width));
-  }
 }
 
 .tabs__link {