diff --git a/services/web/config/settings.defaults.js b/services/web/config/settings.defaults.js
index 8e07337e92..5ebf5bea83 100644
--- a/services/web/config/settings.defaults.js
+++ b/services/web/config/settings.defaults.js
@@ -782,6 +782,7 @@ module.exports = {
     integrationLinkingWidgets: [],
     referenceLinkingWidgets: [],
     importProjectFromGithubModalWrapper: [],
+    editorLeftMenuSync: [],
   },
 
   moduleImportSequence: ['launchpad', 'server-ce-scripts', 'user-activate'],
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx
index cb924b42c0..9775948a3c 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx
@@ -1,16 +1,15 @@
-import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import ContactUsModal from '../../../../../modules/support/frontend/js/components/contact-us-modal'
+import { useContactUsModal } from '../../../shared/hooks/use-contact-us-modal'
 import LeftMenuButton from './left-menu-button'
 
 export default function HelpContactUs() {
-  const [showModal, setShowModal] = useState(false)
+  const { modal, showModal } = useContactUsModal()
   const { t } = useTranslation()
 
   return (
     <>
       <LeftMenuButton
-        onClick={() => setShowModal(true)}
+        onClick={showModal}
         icon={{
           type: 'question',
           fw: true,
@@ -18,7 +17,7 @@ export default function HelpContactUs() {
       >
         {t('contact_us')}
       </LeftMenuButton>
-      <ContactUsModal show={showModal} handleHide={() => setShowModal(false)} />
+      {modal}
     </>
   )
 }