diff --git a/css/dist/components/tabs.css b/css/dist/components/tabs.css
index d025fe5..9ca495b 100644
--- a/css/dist/components/tabs.css
+++ b/css/dist/components/tabs.css
@@ -30,6 +30,17 @@ html:not(.js) .tabs__tab,
     display:flex;
   }
 
+html.js .tabs__tab.is-active{
+      order:-1;
+    }
+
+@media (min-width: 700px){
+
+html.js .tabs__tab.is-active{
+        order:0
+    }
+      }
+
 @media (min-width: 700px){
 
 .tabs__tab{
diff --git a/css/src/components/tabs.css b/css/src/components/tabs.css
index 094d93a..51c717b 100644
--- a/css/src/components/tabs.css
+++ b/css/src/components/tabs.css
@@ -28,6 +28,16 @@
     display: flex;
   }
 
+  &.is-active {
+    html.js & {
+      order: -1;
+
+      @media (--md) {
+        order: 0;
+      }
+    }
+  }
+
   @media (--md) {
     display: flex;
     margin: 0 -1px -1px 0;