Fix scrollbars

components/EditorNavigation.tsx

@@ -71,7 +71,17 @@ const EditorNavigation = () => {
   }, [session, popup]);
   return (
     <Flex css={{ flexShrink: 0, gap: "$0" }}>
-      <Flex css={{ overflowX: "scroll", py: "$3", flex: 1 }}>
+      <Flex
+        css={{
+          overflowX: "scroll",
+          py: "$3",
+          flex: 1,
+          "&::-webkit-scrollbar": {
+            height: 0,
+            background: "transparent",
+          },
+        }}
+      >
         <Container css={{ flex: 1 }}>
           <Stack
             css={{

components/Footer.tsx

@@ -53,7 +53,7 @@ const Footer = () => {
             fontSize: "13px",
             fontWeight: "$body",
             fontFamily: "$monospace",
-            overflowY: "scroll",
+            overflowY: "auto",
             wordWrap: "break-word",
             py: 3,
           }}

components/Navigation.tsx

@@ -314,6 +314,10 @@ const Navigation = () => {
             flexWrap: "nowrap",
             marginLeft: "$4",
             overflowX: "scroll",
+            "&::-webkit-scrollbar": {
+              height: 0,
+              background: "transparent",
+            },
           }}
         >
           <Stack