diff --git a/components/editor/live-editor.jsx b/components/editor/live-editor.jsx
index 781ca38..346397b 100644
--- a/components/editor/live-editor.jsx
+++ b/components/editor/live-editor.jsx
@@ -88,7 +88,7 @@ const LiveEditor = () => {
     },
   })
 
-  return (<div className={'container'}>
+  return (<div className={'w-full'}>
       <div className={'editor-block'}>
         <div className={'domain-buttons'}>
           <span className={'scene-text'}>Scene: (Todo)</span>
@@ -104,7 +104,7 @@ const LiveEditor = () => {
         </div>
       </div>
 
-      {editor && <Sidebar eidtor={editor}/>}
+      {editor && <div className={'lg:visible md:invisible sm:invisible'}><Sidebar eidtor={editor} /></div> }
     </div>
   )
 }
diff --git a/styles/global.css b/styles/global.css
index 2058fb8..aa73adb 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -2,9 +2,15 @@
 @import '@radix-ui/colors/mauve.css';
 @import '@radix-ui/colors/violet.css';
 
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+@import "tailwindcss/screens";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@tailwind screens;
 
 html,
 body {