diff --git a/src/components/layout/desktop-side-nav.tsx b/src/components/layout/desktop-side-nav.tsx
index 6fcca7e69..ff317edd0 100644
--- a/src/components/layout/desktop-side-nav.tsx
+++ b/src/components/layout/desktop-side-nav.tsx
@@ -10,6 +10,15 @@ import AccountSwitcher from "./account-switcher";
 import { PostModalContext } from "../../providers/post-modal-provider";
 import PublishLog from "../publish-log";
 import NavItems from "./nav-items";
+import { css } from "@emotion/react";
+
+const hideScrollbar = css`
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
 
 export default function DesktopSideNav(props: Omit<FlexProps, "children">) {
   const account = useCurrentAccount();
@@ -27,6 +36,7 @@ export default function DesktopSideNav(props: Omit<FlexProps, "children">) {
       h="100vh"
       overflowY="auto"
       overflowX="hidden"
+      css={hideScrollbar}
     >
       <Flex direction="column" flexShrink={0} gap="2">
         <Flex gap="2" alignItems="center" position="relative">