diff --git a/hlx_statics/blocks/header/header.css b/hlx_statics/blocks/header/header.css
index acc9654a..1b1c2f12 100644
--- a/hlx_statics/blocks/header/header.css
+++ b/hlx_statics/blocks/header/header.css
@@ -325,6 +325,7 @@ header.global-nav-header > ul#navigation-links > li > button.is-open .spectrum-P
     margin-top: -6px;
     margin-left: -1px;
     max-height: 75vh;
+    overflow-x: hidden;
     overflow-y: auto;
   }
 
@@ -346,17 +347,48 @@ header.global-nav-header > ul#navigation-links > li {
 }
 
 header.global-nav-header ul.nav-sub-menu {
-  max-width: 230px;
+  width: max-content;
 }
 
-header.global-nav-header li .nav-dropdown-item{
+header.global-nav-header .nav-sub-menu .spectrum-Menu-item {
+  position: relative;
+  padding-left: 24px !important;
+}
+
+header.global-nav-header .nav-sub-menu .spectrum-Menu-item.is-selected a {
+  margin-left: 0px;
+}
+
+header.global-nav-header .nav-sub-menu .spectrum-Menu-item a:hover {
+  background-color: rgba(0, 0, 0, .001);
+}
+
+header.global-nav-header .nav-sub-menu .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
+  position: absolute;
+  left: 0px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: block;
+  width: 18px !important;
+  height: 18px !important;
+  color: var(--spectrum-global-color-blue-500, #1473e6);
+  fill: currentColor;
+}
+
+header.global-nav-header li .nav-dropdown-item {
   display: flex;
   flex-direction: column;
 }
 
+header.global-nav-header li .nav-dropdown-item .nav-dropdown-name {
+  white-space: nowrap;
+}
+
 header.global-nav-header li .nav-dropdown-item .nav-dropdown-description {
   font-size: 12px;
+  max-width: 200px;
   text-wrap: initial;
+
 }
 
 header.global-nav-header a.nav-dropdown-links {
diff --git a/hlx_statics/scripts/lib-adobeio.js b/hlx_statics/scripts/lib-adobeio.js
index 58a73b29..51fbc8a9 100644
--- a/hlx_statics/scripts/lib-adobeio.js
+++ b/hlx_statics/scripts/lib-adobeio.js
@@ -555,6 +555,14 @@ function activateTab(tabItem, isMainPage) {
   if (tabItem.closest('.nav-dropdown-popover')){
     // if the item is within a dropdown, it needs to find the parent item to be underlined.
     underlineItem = tabItem.closest('.nav-dropdown-popover');
+    const menuItem = tabItem.closest('.spectrum-Menu-item');
+    if (menuItem) {
+      menuItem.classList.add('is-selected');
+      const checkmark = `<svg role="img" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Menu-checkmark" aria-hidden="true">
+        <path d="M3.5 9.5a.999.999 0 01-.774-.368l-2.45-3a1 1 0 111.548-1.264l1.657 2.028 4.68-6.01A1 1 0 019.74 2.114l-5.45 7a1 1 0 01-.777.386z" class="spectrum-UIIcon--medium"></path>
+      </svg>`;
+      menuItem.insertAdjacentHTML('afterbegin', checkmark);
+    }
   }
   underlineItem.parentElement.classList.add("activeTab");
 }