diff --git a/css/src/components/vertical-tabs.css b/css/src/components/vertical-tabs.css
index 01274e5..4abfaa7 100644
--- a/css/src/components/vertical-tabs.css
+++ b/css/src/components/vertical-tabs.css
@@ -99,6 +99,7 @@
   margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2) calc(var(--vertical-tabs-border-size) * -1) calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1) calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1); /* LTR */
   padding: var(--vertical-tabs-menu-item-shadow-extraspace) 0 var(--vertical-tabs-menu-item-shadow-extraspace) var(--vertical-tabs-menu-item-shadow-extraspace); /* LTR */
   overflow: hidden;
+  z-index: 1;
 }
 [dir="rtl"] .vertical-tabs__menu-item {
   margin-right: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
@@ -132,6 +133,10 @@
   outline: 0;
 }
 
+.vertical-tabs__menu-item.is-selected {
+  z-index: 3;
+}
+
 .vertical-tabs__menu-item.is-selected::before,
 .vertical-tabs__menu-item:not(.vertical-tabs__menu-item--hidden) ~ .vertical-tabs__menu-item.is-selected::before {
   content: normal;
@@ -219,7 +224,7 @@
   background-color: var(--color-white);
   border-color: var(--vertical-tabs-border-color) transparent;
   box-shadow: var(--vertical-tabs-shadow);
-  z-index: 3;
+  z-index: 5;
 }
 
 .is-selected .vertical-tabs__menu-link:hover {