From be61ae61a3bcedff5932ce530f9979e51cb56098 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 12 Feb 2025 23:32:49 -0600
Subject: [PATCH] Prevent scorecard overflow

---
 src/admin/AdminAppInsightsClient.tsx | 2 +-
 src/components/ScoreCardRow.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/admin/AdminAppInsightsClient.tsx b/src/admin/AdminAppInsightsClient.tsx
index 5808215e..e09134b5 100644
--- a/src/admin/AdminAppInsightsClient.tsx
+++ b/src/admin/AdminAppInsightsClient.tsx
@@ -89,7 +89,7 @@ export default function AdminAppInsightsClient({
           <ScoreCardRow
             icon={<MdLightbulbOutline size={19} />}
             // eslint-disable-next-line max-len
-            content="You seem to have several portrait photos—consider enabling photo matting to make images appear more consistent"
+            content="You seem to have several vertical photos—consider enabling matting to make portrait and landscape photos appear more consistent"
             additionalContent={<>
               Enabled photo matting by setting
               <code className="text-main">`NEXT_PUBLIC_MATTE_PHOTOS = 1`</code>
diff --git a/src/components/ScoreCardRow.tsx b/src/components/ScoreCardRow.tsx
index ba9f7403..b7e055dc 100644
--- a/src/components/ScoreCardRow.tsx
+++ b/src/components/ScoreCardRow.tsx
@@ -19,7 +19,7 @@ export default function ScoreCardRow({
       <div className="pt-[8px] shrink-0 text-main">
         {icon}
       </div>
-      <div className="grow space-y-2 py-1.5">
+      <div className="grow space-y-2 py-1.5 w-full overflow-auto">
         <div className="text-main">
           {content}
         </div>