diff --git a/src/app.css b/src/app.css
index 889ba35..8af3591 100644
--- a/src/app.css
+++ b/src/app.css
@@ -227,6 +227,11 @@
   scrollbar-width: none;
 }
 
+html,
+body {
+  overflow-x: hidden;
+}
+
 body {
   background: var(--color-base);
   color: var(--color-text);
diff --git a/src/app.tsx b/src/app.tsx
index 936320b..48bd74c 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -147,7 +147,7 @@ function AppLayout(props: { children: any }) {
 
   return (
     <>
-      <div class="flex max-w-screen flex-row">
+      <div class="flex max-w-screen flex-row overflow-x-hidden">
         <LeftBar />
         <div
           id="center-body"