diff --git a/apps/web/app/install/install.tsx b/apps/web/app/install/install.tsx
index f7458a7f..124715ec 100644
--- a/apps/web/app/install/install.tsx
+++ b/apps/web/app/install/install.tsx
@@ -3,11 +3,27 @@ import React, { use, useEffect } from 'react'
 import { INSTALL_STEPS } from './steps/steps'
 import GeneralWrapperStyled from '@components/StyledElements/Wrappers/GeneralWrapper'
 import { useRouter, useSearchParams } from 'next/navigation'
+import { Suspense } from 'react'
+
 
 
 
 
 function InstallClient() {
+
+
+    return (
+        <GeneralWrapperStyled>
+            <Suspense>
+                <>
+
+                </>
+            </Suspense>
+        </GeneralWrapperStyled>
+    )
+}
+
+const Stepscomp = () => {
     const searchParams = useSearchParams()
     const router = useRouter()
     const step: any = parseInt(searchParams.get('step') || '0');
@@ -24,7 +40,7 @@ function InstallClient() {
     }, [step])
 
     return (
-        <GeneralWrapperStyled>
+        <div>
             <div className='flex justify-center '>
                 <div className='grow'>
                     <LearnHouseLogo />
@@ -54,7 +70,7 @@ function InstallClient() {
                     {stepsState[stepNumber].component}
                 </div>
             </div>
-        </GeneralWrapperStyled>
+        </div>
     )
 }