diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index 892abb2..9fccba4 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -520,7 +520,7 @@ export default (props: { setShow: Dispatch<boolean> }) => {
           {Tr("Settings")}
         </Button>
       </SheetTrigger>
-      <SheetContent className="flex flex-col overflow-scroll">
+      <SheetContent className="flex flex-col">
         <ScrollArea>
           <SheetHeader>
             <SheetTitle>{Tr("Settings")}</SheetTitle>
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index 4366c45..138ea4c 100644
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -9,7 +9,7 @@ const ScrollArea = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <ScrollAreaPrimitive.Root
     ref={ref}
-    className={cn("relative", className)}
+    className={cn("relative overflow-hidden", className)}
     {...props}
   >
     <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
diff --git a/src/pages/Chatbox.tsx b/src/pages/Chatbox.tsx
index 5e4ac0e..b3b8551 100644
--- a/src/pages/Chatbox.tsx
+++ b/src/pages/Chatbox.tsx
@@ -430,7 +430,7 @@ export default function ChatBOX() {
     <>
       <div className="flex flex-col p-2 gap-2 w-full">
         <div className="flex items-center gap-2 justify-between">
-          <Settings setShow={setShowSettings} />
+          {true && <Settings setShow={setShowSettings} />}
           <Button
             variant="outline"
             size="icon"