From 3601410fb824a4a7606ebc3ac5a536df98521dfb Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Wed, 4 Sep 2024 07:33:21 -0700
Subject: [PATCH] Fix banner overflow

---
 src-web/components/core/Banner.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src-web/components/core/Banner.tsx b/src-web/components/core/Banner.tsx
index 6f3fcc38..b78d91de 100644
--- a/src-web/components/core/Banner.tsx
+++ b/src-web/components/core/Banner.tsx
@@ -14,8 +14,9 @@ export function Banner({ children, className, color = 'secondary' }: Props) {
         className={classNames(
           className,
           `x-theme-banner--${color}`,
-          'border border-dashed italic px-3 py-2 rounded select-auto cursor-text',
-          'border-border-subtle bg-surface-highlight text',
+          'border border-dashed border-border-subtle bg-surface-highlight',
+          'italic px-3 py-2 rounded select-auto cursor-text',
+          'overflow-x-auto text-text',
         )}
       >
         {children}