diff --git a/src-web/components/ConfirmLargeResponse.tsx b/src-web/components/ConfirmLargeResponse.tsx
index c6ab1b92..e1d6fd55 100644
--- a/src-web/components/ConfirmLargeResponse.tsx
+++ b/src-web/components/ConfirmLargeResponse.tsx
@@ -33,7 +33,7 @@ export function ConfirmLargeResponse({ children, response }: Props) {
   const isLarge = contentLength > tooLargeBytes;
   if (!showLargeResponse && isLarge) {
     return (
-      <Banner color="primary" className="h-full flex flex-col gap-3">
+      <Banner color="primary" className="flex flex-col gap-3">
         <p>
           Showing responses over{' '}
           <InlineCode>
diff --git a/src-web/components/core/Banner.tsx b/src-web/components/core/Banner.tsx
index bad91c0c..0ae8fe33 100644
--- a/src-web/components/core/Banner.tsx
+++ b/src-web/components/core/Banner.tsx
@@ -16,7 +16,7 @@ export function Banner({ children, className, color }: Props) {
         'whitespace-pre-wrap',
         'border border-dashed border-border bg-surface',
         'px-3 py-2 rounded select-auto',
-        'overflow-auto text-text',
+        'overflow-auto h-auto text-text',
       )}
     >
       {children}