diff --git a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
index 520b3d8e5a132c5f5c08480aad4553506ed7856d..3ed7f5ac467aaf0f18ac88c100de1a70eb6805df 100644
--- a/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
+++ b/src/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.tsx
@@ -86,12 +86,16 @@ export class HyDesktopMenuLinks {
 
     let menuLinkItems = [];
 
-    links.map(({menuLinkId: id, shortcuts, items, url, description, label}) => {
+    links.map(({menuLinkId: id, shortcuts, items, url, description, label, isActive}) => {
+      let classAttributes = ['desktop-menu-link', isActive === 'true' ? 'desktop-menu-link--is-active-trail' : ''].join(
+        ' '
+      );
+
       menuLinkItems.push(
         <li>
           <button
             type="button"
-            class="desktop-menu-link"
+            class={classAttributes}
             link-id={id}
             onMouseOver={() => this.handleDesktopMenuToggle(id)}
             onFocus={() => this.handleDesktopMenuToggle(id)}