diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 3ccac17..3c45ee2 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -539,7 +539,11 @@ body {
 }
 
 .markdown-code-editor {
-  padding: 20px;
+  padding: 18px;
+}
+
+.markdown-splitter > .ant-splitter-bar {
+  margin: 8px 0;
 }
 
 .markdown-code-editor .cm-editor {
diff --git a/src/components/Dashboard/common/MarkdownInput.jsx b/src/components/Dashboard/common/MarkdownInput.jsx
index 27ad49e..9641269 100644
--- a/src/components/Dashboard/common/MarkdownInput.jsx
+++ b/src/components/Dashboard/common/MarkdownInput.jsx
@@ -114,7 +114,10 @@ const MarkdownInput = ({
   const renderContent = () => {
     if (viewState.editor && viewState.code) {
       return (
-        <Splitter className='farmcontrol-splitter' vertical={true}>
+        <Splitter
+          className='farmcontrol-splitter markdown-splitter'
+          vertical={true}
+        >
           {viewState.editor && (
             <Splitter.Panel style={{ minHeight: 80 }}>
               {editorPanel}