diff --git a/web/src/components/Dialog/BaseDialog.tsx b/web/src/components/Dialog/BaseDialog.tsx
index a8c95670b..6ca7087fd 100644
--- a/web/src/components/Dialog/BaseDialog.tsx
+++ b/web/src/components/Dialog/BaseDialog.tsx
@@ -25,7 +25,6 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
   const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
 
   useEffect(() => {
-    document.body.classList.add("overflow-hidden");
     dialogStore.pushDialogStack(dialogName);
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.code === "Escape") {
@@ -40,9 +39,6 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
     return () => {
       document.body.removeEventListener("keydown", handleKeyDown);
       dialogStore.removeDialog(dialogName);
-      if (dialogStore.state.dialogStack.length === 0) {
-        document.body.classList.remove("overflow-hidden");
-      }
     };
   }, []);
 
@@ -92,7 +88,6 @@ export function generateDialog<T extends DialogProps>(
     hide: () => {
       tempDiv.firstElementChild?.classList.remove("showup");
       tempDiv.firstElementChild?.classList.add("showoff");
-      document.body.classList.remove("overflow-hidden");
     },
   };
 
diff --git a/web/src/css/global.css b/web/src/css/global.css
index e6812bdfe..a29ddc72b 100644
--- a/web/src/css/global.css
+++ b/web/src/css/global.css
@@ -1,11 +1,11 @@
 html,
 body {
-  @apply text-base w-full h-full dark:bg-zinc-800;
+  @apply text-base w-full h-full overflow-hidden dark:bg-zinc-800;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans",
     "Noto Sans CJK SC", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", "Apple Color Emoji", "Segoe UI Emoji",
     "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
 }
 
 #root {
-  @apply w-full h-full;
+  @apply w-full h-full overflow-auto;
 }