diff --git a/services/web/frontend/js/features/ide-react/components/modals/modals.tsx b/services/web/frontend/js/features/ide-react/components/modals/modals.tsx
index ba9b428c63..4bb2209c1d 100644
--- a/services/web/frontend/js/features/ide-react/components/modals/modals.tsx
+++ b/services/web/frontend/js/features/ide-react/components/modals/modals.tsx
@@ -3,6 +3,7 @@ import ForceDisconnected from '@/features/ide-react/components/modals/force-disc
 import { UnsavedDocs } from '@/features/ide-react/components/unsaved-docs/unsaved-docs'
 import SystemMessages from '@/shared/components/system-messages'
 import NewEditorOptOutIntroModal from '@/features/ide-redesign/components/new-editor-opt-out-intro-modal'
+import ViewOnlyAccessModal from '@/features/share-project-modal/components/view-only-access-modal'
 
 export const Modals = memo(() => {
   return (
@@ -11,6 +12,7 @@ export const Modals = memo(() => {
       <UnsavedDocs />
       <SystemMessages />
       <NewEditorOptOutIntroModal />
+      <ViewOnlyAccessModal />
     </>
   )
 })