From f7b8c1932463911c5db59c35b2579e63ee4e540a Mon Sep 17 00:00:00 2001
From: Bill OConnell <wdoconnell@gmail.com>
Date: Wed, 17 Dec 2025 19:51:09 -0500
Subject: [PATCH] fix: support navigation button alignment

---
 src/pageLayout/containers/MainNavigation.tsx | 21 +++++---------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/pageLayout/containers/MainNavigation.tsx b/src/pageLayout/containers/MainNavigation.tsx
index 2a8eb1a998..21f69f87d8 100644
--- a/src/pageLayout/containers/MainNavigation.tsx
+++ b/src/pageLayout/containers/MainNavigation.tsx
@@ -293,6 +293,10 @@ export const MainNavigation: FC = () => {
     event('helpBar.contactSupportRequest.overlay.shown')
   }
 
+  const contactSupportLinkElement = () => (
+    <a onClick={handleContactSupportClick} />
+  )
+
   return (
     <TreeNav
       expanded={navbarMode === 'expanded'}
@@ -417,22 +421,7 @@ export const MainNavigation: FC = () => {
               id="contactSupport"
               label="Contact Support"
               testID="nav-subitem-contact-support"
-              linkElement={() => (
-                <button
-                  onClick={handleContactSupportClick}
-                  style={{
-                    background: 'none',
-                    border: 'none',
-                    padding: 0,
-                    color: 'inherit',
-                    textDecoration: 'none',
-                    cursor: 'pointer',
-                    display: 'block',
-                    width: '100%',
-                    textAlign: 'left',
-                  }}
-                ></button>
-              )}
+              linkElement={contactSupportLinkElement}
             />
           )}
           <TreeNav.SubHeading label="Community" />