diff --git a/src/renderer/src/pages/settings/AgentSettings/index.tsx b/src/renderer/src/pages/settings/AgentSettings/index.tsx
index d6ff4e1a90..525eb94675 100644
--- a/src/renderer/src/pages/settings/AgentSettings/index.tsx
+++ b/src/renderer/src/pages/settings/AgentSettings/index.tsx
@@ -135,7 +135,6 @@ const Settings = styled.div`
   flex-direction: column;
   flex: 1;
   padding: 16px 16px;
-  overflow-y: scroll;
 `
 
 const StyledModal = styled(Modal)`
diff --git a/src/renderer/src/pages/settings/AgentSettings/shared.tsx b/src/renderer/src/pages/settings/AgentSettings/shared.tsx
index 46bd122dcf..3a311eabe2 100644
--- a/src/renderer/src/pages/settings/AgentSettings/shared.tsx
+++ b/src/renderer/src/pages/settings/AgentSettings/shared.tsx
@@ -67,7 +67,7 @@ export const SettingsItem: React.FC<SettingsItemProps> = ({
 
 export const SettingsContainer: React.FC<React.ComponentPropsWithRef<'div'>> = ({ children, className, ...props }) => {
   return (
-    <div className={cn('flex flex-1 flex-col overflow-hidden', className)} {...props}>
+    <div className={cn('flex flex-1 flex-col overflow-auto pr-2', className)} {...props}>
       {children}
     </div>
   )