diff --git a/webview-ui/src/components/settings/SettingsView.tsx b/webview-ui/src/components/settings/SettingsView.tsx
index 509ecd740f..7f6178fa6c 100644
--- a/webview-ui/src/components/settings/SettingsView.tsx
+++ b/webview-ui/src/components/settings/SettingsView.tsx
@@ -337,7 +337,26 @@ const SettingsView = forwardRef<SettingsViewRef, SettingsViewProps>(({ onDone },
 				</div>
 			</TabHeader>
 
-			<TabContent className="p-0 divide-y divide-vscode-sideBar-background" onScroll={handleScroll}>
+			<TabContent
+				className="p-0 divide-y divide-vscode-sideBar-background"
+				style={{
+					maxHeight: "calc(100vh - 6rem)",
+					height: "calc(100vh - 6rem)",
+					overflowY: "scroll",
+					overflowX: "hidden",
+					WebkitOverflowScrolling: "touch",
+					position: "relative",
+					display: "block",
+					msOverflowStyle: "-ms-autohiding-scrollbar",
+					scrollbarWidth: "auto",
+					scrollbarGutter: "stable",
+					willChange: "scroll-position",
+				}}
+				onWheel={(e) => {
+					const container = e.currentTarget
+					container.scrollTop += e.deltaY
+				}}
+				onScroll={handleScroll}>
 				<div ref={providersRef}>
 					<SectionHeader>
 						<div className="flex items-center gap-2">