diff --git a/src/client/containers/NoteMenuBar.tsx b/src/client/containers/NoteMenuBar.tsx
index a4c2b818..1449ba21 100644
--- a/src/client/containers/NoteMenuBar.tsx
+++ b/src/client/containers/NoteMenuBar.tsx
@@ -52,7 +52,10 @@ export const NoteMenuBar = () => {
   // ===========================================================================
 
   const [uuidCopiedText, setUuidCopiedText] = useState<string>('')
-  const [isToggled, togglePreviewIcon] = useState<boolean>(false)
+
+  // not necessory to use another state here as we have previewMarkdown
+  // const [isToggled, togglePreviewIcon] = useState<boolean>(false)
+  const { previewMarkdown } = useSelector(getSettings)
 
   // ===========================================================================
   // Hooks
@@ -98,7 +101,7 @@ export const NoteMenuBar = () => {
     _updateCodeMirrorOption('theme', darkTheme ? 'base16-light' : 'new-moon')
   }
   const togglePreviewHandler = () => {
-    togglePreviewIcon(!isToggled)
+    // togglePreviewIcon(!isToggled)
     _togglePreviewMarkdown()
   }
 
@@ -111,12 +114,12 @@ export const NoteMenuBar = () => {
             onClick={togglePreviewHandler}
             data-testid={TestID.PREVIEW_MODE}
           >
-            {isToggled ? (
+            {previewMarkdown ? (
               <Edit aria-hidden="true" size={18} />
             ) : (
               <Eye aria-hidden="true" size={18} />
             )}
-            <span className="sr-only">{isToggled ? 'Edit note' : 'Preview note'}</span>
+            <span className="sr-only">{previewMarkdown ? 'Edit note' : 'Preview note'}</span>
           </button>
           {!activeNote.scratchpad && (
             <>
diff --git a/src/client/styles/_dark.scss b/src/client/styles/_dark.scss
index a2839e13..687497c2 100644
--- a/src/client/styles/_dark.scss
+++ b/src/client/styles/_dark.scss
@@ -1,5 +1,6 @@
 $dark-sidebar: #333;
 $dark-editor: #3f3f3f;
+$dark-seperator: #777777;
 
 .dark {
   a {
@@ -203,7 +204,7 @@ $dark-editor: #3f3f3f;
     hr {
       height: 0;
       border: 0;
-      border-top: 2px solid darken($dark-editor, 5%);
+      border-top: 2px solid darken($dark-seperator, 5%);
     }
 
     blockquote {
diff --git a/src/client/utils/helpers.ts b/src/client/utils/helpers.ts
index 53803f41..bd2cfd8b 100644
--- a/src/client/utils/helpers.ts
+++ b/src/client/utils/helpers.ts
@@ -161,6 +161,7 @@ export const newNoteHandlerHelper = (
     swapFolder(Folder.ALL)
   }
 
+  console.log(previewMarkdown)
   if (previewMarkdown) {
     togglePreviewMarkdown()
   }