diff --git a/src/components/App/UniverseQuestion/index.tsx b/src/components/App/UniverseQuestion/index.tsx
index 349ec464f..0e650c462 100644
--- a/src/components/App/UniverseQuestion/index.tsx
+++ b/src/components/App/UniverseQuestion/index.tsx
@@ -10,6 +10,7 @@ import HelpIcon from '~/components/Icons/HelpIcon'
 import { useAiSummaryStore } from '~/stores/useAiSummaryStore'
 import { useAppStore } from '~/stores/useAppStore'
 import { useDataStore } from '~/stores/useDataStore'
+import { useFeatureFlagStore } from '~/stores/useFeatureFlagStore'
 import { useUserStore } from '~/stores/useUserStore'
 import { colors } from '~/utils/colors'
 
@@ -60,6 +61,10 @@ export const UniverseQuestion = () => {
     }
   }
 
+  const { chatInterfaceFeatureFlag } = useFeatureFlagStore((s) => ({
+    chatInterfaceFeatureFlag: s.chatInterfaceFeatureFlag,
+  }))
+
   const handleSeedQuestionClick = async (seedQuestion: string) => {
     setQuestion(seedQuestion)
     await handleSubmitQuestion(seedQuestion)
@@ -87,6 +92,10 @@ export const UniverseQuestion = () => {
 
   const isValidText = !!question && question.trim().length > 0
 
+  if (!chatInterfaceFeatureFlag) {
+    return null
+  }
+
   return (
     <Wrapper>
       Ideas have shapes
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index 482901655..6b8a5180f 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -340,7 +340,7 @@ export const App = () => {
           <Wrapper direction="row">
             <FormProvider {...form}>
               <LazyMainToolbar />
-              {!universeQuestionIsOpen && <LazySideBar />}
+              {chatInterfaceFeatureFlag ? !universeQuestionIsOpen && <LazySideBar /> : <LazySideBar />}
               <LazyUniverse />
               <Overlay />
               <AppBar />