From c89bb688959df8701369c6c30202b689bad34302 Mon Sep 17 00:00:00 2001
From: timkim <timk@adobe.com>
Date: Tue, 11 Apr 2023 13:43:29 -0700
Subject: [PATCH] fix: fix up checkmark and menu items align in nav menu

---
 .../gatsby-theme-aio/src/components/GlobalHeader/index.js     | 2 +-
 packages/gatsby-theme-aio/src/components/Menu/index.js        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js b/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js
index 5b76a30859..7cc0bff571 100644
--- a/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js
+++ b/packages/gatsby-theme-aio/src/components/GlobalHeader/index.js
@@ -630,7 +630,7 @@ const GlobalHeader = ({
                               border-top-left-radius: 0;
                               border-top-right-radius: 0;
                               ${page.menu.some(menu => menu.description) &&
-                              `width: var(--spectrum-global-dimension-size-2400);`}
+                              `width: 230px;`}
 
                               @media screen and (max-width: ${MOBILE_SCREEN_WIDTH}) {
                                 margin-top: calc(-1 * var(--spectrum-global-dimension-size-40));
diff --git a/packages/gatsby-theme-aio/src/components/Menu/index.js b/packages/gatsby-theme-aio/src/components/Menu/index.js
index f1db433968..979422e3c7 100644
--- a/packages/gatsby-theme-aio/src/components/Menu/index.js
+++ b/packages/gatsby-theme-aio/src/components/Menu/index.js
@@ -46,11 +46,12 @@ const Item = ({ children, isDivider = false, isHighlighted, isSelected, href = '
     flex-direction: row;
     justify-content: flex-start;
     overflow: hidden;
+    align-self: start;
     ${ isHeightUnset && !isHeightUnset ? `margin-top: var(--spectrum-global-dimension-size-50) !important` : ""}
 }`}>
         <div css={css`
           width: 20px !important;
-         ${ isHeightUnset ? "" : "height: 15px !important;" }
+         ${ isHeightUnset ? "margin-top: 8px;" : "height: 15px !important;" }
          padding-right: 5px;
          overflow: hidden;
         `}>
@@ -59,7 +60,6 @@ const Item = ({ children, isDivider = false, isHighlighted, isSelected, href = '
             css={css`
              display: ${isSelected ? "block" : "none"} ;
              color:  var(--spectrum-alias-icon-color-selected) !important;
-             
             `}
           />
           </div>