From 903bae2a18c9dbbb792adedd2d2464ecd0a369eb Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 3 Feb 2025 12:41:11 -0800
Subject: [PATCH] Fix large response banner height

---
 src-web/components/ConfirmLargeResponse.tsx | 2 +-
 src-web/components/core/Banner.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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}