diff --git a/src/components/editor/live-editor.tsx b/src/components/editor/live-editor.tsx
index 973a502..be165a3 100644
--- a/src/components/editor/live-editor.tsx
+++ b/src/components/editor/live-editor.tsx
@@ -95,7 +95,7 @@ const LiveEditor = () => {
 
 	return (<div className={'w-full'}>
 			<div className={'editor-block'}>
-				<div className={'domain-buttons'}>
+				<div className={'domain-buttons lg:flex md:flex sm:hidden hidden'}>
 					<span className={'scene-text'}>Scene: (Todo)</span>
 					<button disabled={true} className={'domain-button'}>Blog</button>
 					<button disabled={true} className={'domain-button'}>Weekly Report</button>
@@ -117,7 +117,7 @@ const LiveEditor = () => {
 				</div>
 			</div>
 
-			{editor && <div className={'lg:visible md:invisible sm:invisible invisible'}><Sidebar eidtor={editor}/></div>}
+			{editor && <div className={'lg:flex md:hidden sm:hidden hidden'}><Sidebar eidtor={editor}/></div>}
 		</div>
 	)
 }
diff --git a/src/components/editor/menu-bar.tsx b/src/components/editor/menu-bar.tsx
index 2facf67..35dff9b 100644
--- a/src/components/editor/menu-bar.tsx
+++ b/src/components/editor/menu-bar.tsx
@@ -18,7 +18,7 @@ import { MenuAiDropdown } from './intelli/menu/menu-ai-dropdown'
 export const MenuBar = ({ editor }: { editor: Editor }) => {
   return (
     <ToggleGroup.Root
-      className={'ToggleGroup lg:visible md:visible sm:invisible invisible'}
+      className={'ToggleGroup'}
       type="single"
       defaultValue="center"
       aria-label="Text alignment"
diff --git a/styles/global.css b/styles/global.css
index c4e627a..89b635e 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -752,7 +752,6 @@ input {
 .domain-buttons {
     max-width: 800px;
     margin: 1rem auto;
-    display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }