diff --git a/packages/web/package.json b/packages/web/package.json
index 92050b88b..992f4cae6 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -61,7 +61,6 @@
     "react-markdown": "^8.0.6",
     "react-markdown-editor-lite": "^1.3.4",
     "react-masonry-css": "^1.0.16",
-    "react-pro-sidebar": "^0.7.1",
     "react-sliding-pane": "^7.3.0",
     "react-spinners": "^0.13.7",
     "react-super-responsive-table": "^5.2.1",
diff --git a/packages/web/pages/_app.tsx b/packages/web/pages/_app.tsx
index ea31fe24a..638bc0574 100644
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -1,7 +1,5 @@
 import '../styles/globals.css'
 import '../styles/articleInnerStyling.css'
-import 'react-pro-sidebar/dist/css/styles.css'
-import '../styles/menu.css'
 
 import type { AppProps } from 'next/app'
 import { IdProvider } from '@radix-ui/react-id'
diff --git a/packages/web/styles/globals.css b/packages/web/styles/globals.css
index 803960cf1..692eb770c 100644
--- a/packages/web/styles/globals.css
+++ b/packages/web/styles/globals.css
@@ -438,4 +438,12 @@ button {
   background: transparent !important;
   transition: transform .2s !important;
   box-shadow: 0px 4px 4px rgba(33, 33, 33, 0.1) !important;
+}
+
+@media (max-width: 600px) {
+  .slide-pane__content {
+    border-top-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    border-left: 1px solid var(--colors-thNotebookBorder);
+  }
 }
\ No newline at end of file
diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css
deleted file mode 100644
index f860a896a..000000000
--- a/packages/web/styles/menu.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/* Menu Override styles */
-.pro-sidebar {
-  z-index: 1;
-}
-.pro-sidebar > .pro-sidebar-inner,
-.pro-menu,
-.pro-menu > ul > .pro-sub-menu > .pro-inner-list-item,
-.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
-  background-color: var(--colors-libraryBackground);
-}
-
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item,
-.pro-sidebar .pro-menu-item .pro-sub-menu .pro-inner-item,
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content,
-.pro-sidebar .pro-menu a,
-.pro-sidebar .pro-menu a:hover,
-.pro-sidebar
-  .pro-menu
-  .pro-menu-item
-  > .pro-inner-item:hover
-  .pro-icon-wrapper
-  .pro-icon {
-  color: var(--colors-utilityTextDefault);
-}
-
-.pro-sidebar .pro-menu .pro-menu-item {
-  padding: 2px 0;
-}
-
-.pro-menu .pro-menu-item > .pro-inner-item {
-  padding: 5px 20px;
-}
-
-.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before {
-  content: '';
-  display: block;
-  width: 90%;
-  border: 0.5px solid var(--colors-grayBg);
-  margin-left: 10px;
-}
-
-.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
-  width: 20px;
-  min-width: 0;
-  height: 25px;
-}
-
-.pro-sidebar .pro-menu .pro-menu-item.active,
-.pro-sidebar .pro-menu a:hover,
-.pro-sidebar .pro-menu .pro-menu-item:hover:not(.pro-sub-menu) {
-  background-color: var(--colors-libraryActiveMenuItem);
-  width: 95%;
-  border-radius: 5px;
-}
-
-.pro-sidebar
-  .pro-menu
-  .pro-menu-item
-  > .pro-inner-item:hover
-  .pro-icon-wrapper
-  .pro-icon {
-  animation-play-state: paused;
-}
-
-.pro-sidebar
-  .pro-menu
-  .pro-menu-item.pro-sub-menu
-  > .pro-inner-item
-  > .pro-arrow-wrapper
-  .pro-arrow {
-  border-width: 0 1px 1px 0;
-  border-color: var(--colors-textSubtle);
-}
diff --git a/yarn.lock b/yarn.lock
index eb21f53dd..c304c0ecc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4844,7 +4844,7 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
   integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
-"@popperjs/core@^2.4.0", "@popperjs/core@^2.5.4", "@popperjs/core@^2.6.0":
+"@popperjs/core@^2.5.4", "@popperjs/core@^2.6.0":
   version "2.11.5"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64"
   integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==
@@ -23914,16 +23914,6 @@ react-popper@^2.2.4:
     react-fast-compare "^3.0.1"
     warning "^4.0.2"
 
-react-pro-sidebar@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/react-pro-sidebar/-/react-pro-sidebar-0.7.1.tgz#0b5edca0809ff6a23bda188c5db370f880690ee7"
-  integrity sha512-Iy1X8ce4t5Vqz4CsyzjwokGUE3/IObgmYzS0ins7/2eWKle0SMUPaWdgMKFIVjtVrMr5vmjPbRicq8FxnVaf8A==
-  dependencies:
-    "@popperjs/core" "^2.4.0"
-    classnames "^2.2.6"
-    react-slidedown "^2.4.5"
-    resize-observer-polyfill "^1.5.1"
-
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
@@ -23973,13 +23963,6 @@ react-sizeme@^3.0.1:
     shallowequal "^1.1.0"
     throttle-debounce "^3.0.1"
 
-react-slidedown@^2.4.5:
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/react-slidedown/-/react-slidedown-2.4.7.tgz#c09e72bba8aac25018fd644ece041da771854589"
-  integrity sha512-HGDfrqo70r1WVE0DwrySPdCT27/2wcZaJYh5kOnmuPSCtjDDJrNkDdn4Ep/cma2VVfwupeAGhbc2pbrGThU6VQ==
-  dependencies:
-    tslib "^2.0.0"
-
 react-sliding-pane@^7.3.0:
   version "7.3.0"
   resolved "https://registry.yarnpkg.com/react-sliding-pane/-/react-sliding-pane-7.3.0.tgz#a6a03b90db216e7ec6f746c7e649d19ba03ff4e0"