diff --git a/src/components/Editor/components/Editor.tsx b/src/components/Editor/components/Editor.tsx
index 2266b8c1..9cb44e3e 100644
--- a/src/components/Editor/components/Editor.tsx
+++ b/src/components/Editor/components/Editor.tsx
@@ -13,7 +13,7 @@ export const Editor = () => {
   const style = () => (store.error ? `display: none;` : store.markdown ? `white-space: pre-wrap;` : '')
   return (
     <ProseMirror
-      className='editor'
+      className='editor col-md-6 shift-content'
       style={style()}
       editorView={store.editorView}
       text={store.text}
diff --git a/src/components/Editor/components/Layout.tsx b/src/components/Editor/components/Layout.tsx
index c1742db3..b8227af3 100644
--- a/src/components/Editor/components/Layout.tsx
+++ b/src/components/Editor/components/Layout.tsx
@@ -10,7 +10,7 @@ export type Styled = {
 }
 
 export const Layout = (props: Styled) => {
-  return (<div onMouseEnter={props.onMouseEnter} class='layout' data-testid={props['data-testid']}>
+  return (<div onMouseEnter={props.onMouseEnter} class='layout container' data-testid={props['data-testid']}>
     {props.children}
   </div>)
 }
diff --git a/src/components/Editor/styles/Editor.scss b/src/components/Editor/styles/Editor.scss
index 9b3113ae..d735bb7d 100644
--- a/src/components/Editor/styles/Editor.scss
+++ b/src/components/Editor/styles/Editor.scss
@@ -69,7 +69,7 @@ button:focus {
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
   outline: none;
-  margin: 1em 1em 1em 2em;
+  margin: 1em 1em 1em 0;
 
   .dark & {
     color: var(--background);