fixed scrollbars and textarea overflow

src/modules/editor/components/ReactMarkdownEditor/index.tsx

@@ -32,9 +32,9 @@ const ReactMarkdownEditor: FC<ReactMarkdownEditorProps> = ({
       onChange={changeHandler}
       className={styles.textarea}
       style={style}
-    >
-      {value}
-    </textarea>
+      placeholder="Start typing here..."
+      value={value}
+    />
   );
 };
 

src/modules/editor/components/ReactMarkdownEditor/styles.module.scss

@@ -4,6 +4,10 @@
   padding: 0;
   background: transparent;
   color: inherit;
-  border: none;
+  border-width: 0px !important;
+  outline: none;
   box-sizing: border-box;
+  resize: none;
+  vertical-align: bottom;
+  margin: 0;
 }

src/modules/editor/containers/MarkdownEditorContainer/styles.module.scss

@@ -1,5 +1,5 @@
 .editor {
   height: 100%;
-  overflow: scroll;
+  overflow: auto;
   box-sizing: border-box;
 }

src/styles/_dark.scss

@@ -1,6 +1,6 @@
 :root {
-  --color-border: #333333;
-  --color-background: #111111;
+  --color-border: #444444;
+  --color-background: #2e2e2e;
   --color-text: #ffffff;
   --color-link: #25bfe6;
   --color-code-text: #ff3344;