Issue #3226704 by mherchel, Abhijith S, lauriii, Gauravmahlawat, Indrajith KB:...

Issue #3226704 by mherchel, Abhijith S, lauriii, Gauravmahlawat, Indrajith KB: Olivero's top-level primary menu's hover states are not correct

core/themes/olivero/css/components/navigation/nav-primary-wide.css

@@ -19,6 +19,14 @@
           flex-basis: auto;
         }
 
+      body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children {
+
+        /* Remove hover state if submenu exists. */
+      }
+        body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link-inner:after {
+          content: none;
+        }
+
     body:not(.is-always-mobile-nav) .primary-nav__menu-link {
       letter-spacing: 0.02em;
       font-size: 1rem;
@@ -104,11 +112,14 @@
 
     body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
       padding-top: 2.25rem;
-      padding-bottom: 2.25rem;
-      transform-origin: center;
-      border-top-width: 9px;
+      padding-bottom: 2.25rem
     }
 
+      body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:after {
+        transform-origin: center;
+        border-top-width: 9px;
+      }
+
     [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
       margin-right: 1.125rem;
     }

core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css

@@ -15,6 +15,11 @@ body:not(.is-always-mobile-nav) {
         & .primary-nav__menu-link--nolink {
           flex-basis: auto;
         }
+
+        /* Remove hover state if submenu exists. */
+        & .primary-nav__menu-link-inner:after {
+          content: none;
+        }
       }
     }
 
@@ -80,8 +85,11 @@ body:not(.is-always-mobile-nav) {
       padding-block: var(--sp2);
       padding-inline-start: 0;
       padding-inline-end: 0;
-      transform-origin: center;
-      border-top-width: var(--sp0-5);
+
+      &:after {
+        transform-origin: center;
+        border-top-width: var(--sp0-5);
+      }
     }
 
     & .primary-nav__menu--level-1 {