diff -u b/core/themes/olivero/css/components/navigation/nav-primary.css b/core/themes/olivero/css/components/navigation/nav-primary.css
--- b/core/themes/olivero/css/components/navigation/nav-primary.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary.css
@@ -194,4 +194,8 @@
   line-height: var(--sp);
+}
+
+.primary-nav__menu-item--level-2 {
+  padding-block: var(--sp0-25);
 }
 
 html:not(.js) .primary-nav__menu--level-2 {
@@ -325,11 +329,6 @@
   line-height: 1.125rem;
 }
 
-.primary-nav__menu-item--level-2 {
-  padding-top: 0.5625rem;
-  padding-bottom: 0.5625rem;
-}
-
 html:not(.js) .primary-nav__menu--level-2 {
     visibility: visible;
     max-height: none;
diff -u b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css
--- b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css
+++ b/core/themes/olivero/css/components/navigation/nav-primary.pcss.css
@@ -176,10 +176,6 @@
   line-height: var(--sp);
 }
 
-.primary-nav__menu-item--level-2 {
-  padding-block: var(--sp0-5);
-}
-
 html:not(.js) {
   & .primary-nav__menu--level-2 {
     visibility: visible;
@@ -188,6 +184,10 @@
   line-height: var(--sp);
 }
 
+.primary-nav__menu-item--level-2 {
+  padding-block: var(--sp0-25);
+}
+
 html:not(.js) {
   & .primary-nav__menu--level-2 {
     visibility: visible;