diff --git a/core/misc/vertical-tabs.css b/core/misc/vertical-tabs.css
index ec5d3c1..7bf00c7 100644
--- a/core/misc/vertical-tabs.css
+++ b/core/misc/vertical-tabs.css
@@ -67,3 +67,53 @@
   margin-bottom: 0;
   line-height: normal;
 }
+
+
+/**
+ * Vertical tabs design when JS is disabled
+ */
+.js-form-type-vertical-tabs {
+  position: relative;
+}
+.js-form-type-vertical-tabs .js-form-wrapper {
+  display: block;
+  margin: 0;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] summary[role='button'] {
+  background-color: #FFF;
+}
+.js-form-type-vertical-tabs .js-form-wrapper summary[role='button'] {
+  display: block;
+  width: 240px;
+  margin: 0;
+  padding: 10px 15px 15px;
+  border-right: 1px solid #b3b2ad;
+  border-bottom: none;
+  background-color: #f2f2f0;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+  text-decoration: none;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] .details-wrapper {
+  display: inline-block;
+}
+.js-form-type-vertical-tabs .js-form-wrapper .details-wrapper {
+  position: absolute;
+  float: right;
+  top: 0;
+  right: 0;
+  left: auto;
+  display: none;
+  height: 100%;
+  width: -webkit-calc(100% - 240px);
+  width:    -moz-calc(100% - 240px);
+  width:         calc(100% - 240px);
+  border: 1px solid #b3b2ad;
+  background-color: #FFF;
+  overflow: auto;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
diff --git a/core/themes/seven/css/components/vertical-tabs.css b/core/themes/seven/css/components/vertical-tabs.css
index 34b5a52..5272ecc 100644
--- a/core/themes/seven/css/components/vertical-tabs.css
+++ b/core/themes/seven/css/components/vertical-tabs.css
@@ -118,3 +118,53 @@
 .vertical-tabs__pane > summary {
   display: none;
 }
+
+
+/**
+ * Vertical tabs design when JS is disabled
+ */
+.js-form-type-vertical-tabs {
+  position: relative;
+}
+.js-form-type-vertical-tabs .js-form-wrapper {
+  display: block;
+  margin: 0;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] summary[role='button'] {
+  background-color: #FFF;
+}
+.js-form-type-vertical-tabs .js-form-wrapper summary[role='button'] {
+  display: block;
+  width: 240px;
+  margin: 0;
+  padding: 10px 15px 15px;
+  border-right: 1px solid #b3b2ad;
+  border-bottom: none;
+  background-color: #f2f2f0;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+  text-decoration: none;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] .details-wrapper {
+  display: inline-block;
+}
+.js-form-type-vertical-tabs .js-form-wrapper .details-wrapper {
+  position: absolute;
+  float: right;
+  top: 0;
+  right: 0;
+  left: auto;
+  display: none;
+  height: 100%;
+  width: -webkit-calc(100% - 240px);
+  width:    -moz-calc(100% - 240px);
+  width:         calc(100% - 240px);
+  border: 1px solid #b3b2ad;
+  background-color: #FFF;
+  overflow: auto;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
diff --git a/core/themes/stable/css/core/vertical-tabs.css b/core/themes/stable/css/core/vertical-tabs.css
index ec5d3c1..7bf00c7 100644
--- a/core/themes/stable/css/core/vertical-tabs.css
+++ b/core/themes/stable/css/core/vertical-tabs.css
@@ -67,3 +67,53 @@
   margin-bottom: 0;
   line-height: normal;
 }
+
+
+/**
+ * Vertical tabs design when JS is disabled
+ */
+.js-form-type-vertical-tabs {
+  position: relative;
+}
+.js-form-type-vertical-tabs .js-form-wrapper {
+  display: block;
+  margin: 0;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] summary[role='button'] {
+  background-color: #FFF;
+}
+.js-form-type-vertical-tabs .js-form-wrapper summary[role='button'] {
+  display: block;
+  width: 240px;
+  margin: 0;
+  padding: 10px 15px 15px;
+  border-right: 1px solid #b3b2ad;
+  border-bottom: none;
+  background-color: #f2f2f0;
+  text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
+  text-decoration: none;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.js-form-type-vertical-tabs .js-form-wrapper[open] .details-wrapper {
+  display: inline-block;
+}
+.js-form-type-vertical-tabs .js-form-wrapper .details-wrapper {
+  position: absolute;
+  float: right;
+  top: 0;
+  right: 0;
+  left: auto;
+  display: none;
+  height: 100%;
+  width: -webkit-calc(100% - 240px);
+  width:    -moz-calc(100% - 240px);
+  width:         calc(100% - 240px);
+  border: 1px solid #b3b2ad;
+  background-color: #FFF;
+  overflow: auto;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}