diff --git a/webview-ui/src/components/chat/ChatView.tsx b/webview-ui/src/components/chat/ChatView.tsx
index 9adf603ee4..1942423607 100644
--- a/webview-ui/src/components/chat/ChatView.tsx
+++ b/webview-ui/src/components/chat/ChatView.tsx
@@ -1355,9 +1355,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	const areButtonsVisible = showScrollToBottom || primaryButtonText || secondaryButtonText || isStreaming
 
 	return (
-		<div
-			data-testid="chat-view"
-			className={isHidden ? "hidden" : "fixed top-0 left-0 right-0 bottom-0 flex flex-col overflow-hidden"}>
+		<div data-testid="chat-view" className={isHidden ? "hidden" : "absolute inset-0 flex flex-col overflow-hidden"}>
 			{telemetrySetting === "unset" && <TelemetryBanner />}
 			{(showAnnouncement || showAnnouncementModal) && (
 				<Announcement
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index 46a84df0d6..5244b8b66b 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -231,6 +231,14 @@ html {
 body {
 	margin: 0;
 	line-height: 1.25;
+	height: 100%;
+	position: relative;
+	overflow: hidden;
+}
+
+#root {
+	height: 100%;
+	position: relative;
 }
 
 body.scrollable,