diff --git a/editor/src/components/editor/advice/advice-view.tsx b/editor/src/components/editor/advice/advice-view.tsx
index 884c8ba..f3679c6 100644
--- a/editor/src/components/editor/advice/advice-view.tsx
+++ b/editor/src/components/editor/advice/advice-view.tsx
@@ -40,7 +40,7 @@ export const AdviceView = ({ editor }: AdviceViewProps) => {
 		});
 	}, []);
 
-	return <section className='flex flex-col border w-96 h-screen border-slate-200 bg-gray-50 dark:bg-gray-400'
+	return <section className='flex flex-col border w-96 h-screen border-slate-200 bg-gray-50 dark:bg-gray-400 lg:flex md:hidden sm:hidden hidden'
 	                ref={advicesSectionRef}>
 		{advices.length ? (advices.map(advice => (
 				<div
diff --git a/editor/src/components/editor/live-editor.tsx b/editor/src/components/editor/live-editor.tsx
index b0d5835..e4a1185 100644
--- a/editor/src/components/editor/live-editor.tsx
+++ b/editor/src/components/editor/live-editor.tsx
@@ -105,7 +105,7 @@ const LiveEditor = () => {
         </div>}
 			</div>
 		</div>
-		{editor && <AdviceView editor={editor}/>}
+		{editor && <AdviceView  editor={editor}/>}
 	</div>
 }