diff --git a/package-lock.json b/package-lock.json
index 2e54058..a3e60a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,6 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-markdown": "^8.0.7",
-        "react-scroll-sync": "^0.11.0",
         "rehype-raw": "^6.1.1",
         "remark-gfm": "^3.0.1",
         "specificity": "^0.4.1"
@@ -5170,18 +5169,6 @@
         "inline-style-parser": "0.1.1"
       }
     },
-    "node_modules/react-scroll-sync": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/react-scroll-sync/-/react-scroll-sync-0.11.0.tgz",
-      "integrity": "sha512-COfA885/2NAQPxusIU6sukKiSFXgAd9+OWD7iBWA4NF5Y1Np8poBKLwgZ3y4iywo5/+ch0PLGz887myIbm+fPw==",
-      "dependencies": {
-        "prop-types": "^15.5.7"
-      },
-      "peerDependencies": {
-        "react": "16.x || 17.x || 18.x",
-        "react-dom": "16.x || 17.x || 18.x"
-      }
-    },
     "node_modules/readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -10268,14 +10255,6 @@
         }
       }
     },
-    "react-scroll-sync": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/react-scroll-sync/-/react-scroll-sync-0.11.0.tgz",
-      "integrity": "sha512-COfA885/2NAQPxusIU6sukKiSFXgAd9+OWD7iBWA4NF5Y1Np8poBKLwgZ3y4iywo5/+ch0PLGz887myIbm+fPw==",
-      "requires": {
-        "prop-types": "^15.5.7"
-      }
-    },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
diff --git a/package.json b/package.json
index 275b394..b4bab0d 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^8.0.7",
-    "react-scroll-sync": "^0.11.0",
     "rehype-raw": "^6.1.1",
     "remark-gfm": "^3.0.1",
     "specificity": "^0.4.1"
diff --git a/src/blogComponents/markdownEditor/MarkdownEditor.jsx b/src/blogComponents/markdownEditor/MarkdownEditor.jsx
index d573629..b29bfcb 100644
--- a/src/blogComponents/markdownEditor/MarkdownEditor.jsx
+++ b/src/blogComponents/markdownEditor/MarkdownEditor.jsx
@@ -1,6 +1,5 @@
 import { useState } from "react"
 import ReactMarkdown from "react-markdown"
-import { ScrollSync, ScrollSyncPane } from "react-scroll-sync"
 import remarkGfm from "remark-gfm"
 import rehypeRaw from "rehype-raw"
 import "github-markdown-css/github-markdown-dark.css"
@@ -14,56 +13,50 @@ export default function MarkdownEditor({
   const [value, setValue] = useState(initialValue)
   return (
     <div style={{ height }}>
-      <ScrollSync>
+      <div
+        className={isFullWidth ? "full-width-article-element" : ""}
+        style={{
+          display: "flex",
+          alignItems: "stretch",
+          height,
+          marginTop: "1rem",
+        }}
+      >
+        <textarea
+          value={value}
+          onChange={e => setValue(e.target.value)}
+          style={{
+            resize: "none",
+            flexGrow: 0,
+            flexShrink: 0,
+            fontSize: "inherit",
+            padding: "1rem",
+            overflowY: "auto",
+            width: "50%",
+            borderRadius: 0,
+          }}
+        />
         <div
-          className={isFullWidth ? "full-width-article-element" : ""}
+          className="markdown-body"
           style={{
-            display: "flex",
-            alignItems: "stretch",
-            height,
-            marginTop: "1rem",
+            border: "1px solid var(--theme-text-lighter)",
+            borderLeft: "none",
+            width: "50%",
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: "1rem",
+            overflowY: "auto",
+            color: "var(--color-white)",
           }}
         >
-          <ScrollSyncPane>
-            <textarea
-              value={value}
-              onChange={e => setValue(e.target.value)}
-              style={{
-                resize: "none",
-                flexGrow: 0,
-                flexShrink: 0,
-                fontSize: "inherit",
-                padding: "1rem",
-                overflowY: "auto",
-                width: "50%",
-                borderRadius: 0,
-              }}
-            />
-          </ScrollSyncPane>
-          <ScrollSyncPane>
-            <div
-              className="markdown-body"
-              style={{
-                border: "1px solid var(--theme-text-lighter)",
-                borderLeft: "none",
-                width: "50%",
-                flexGrow: 0,
-                flexShrink: 0,
-                padding: "1rem",
-                overflowY: "auto",
-                color: "var(--color-white)",
-              }}
-            >
-              <ReactMarkdown
-                rehypePlugins={[rehypeRaw]}
-                remarkPlugins={[remarkGfm]}
-              >
-                {value}
-              </ReactMarkdown>
-            </div>
-          </ScrollSyncPane>
+          <ReactMarkdown
+            rehypePlugins={[rehypeRaw]}
+            remarkPlugins={[remarkGfm]}
+          >
+            {value}
+          </ReactMarkdown>
         </div>
-      </ScrollSync>
+      </div>
     </div>
   )
 }