From 380f23a3b12b2ab0d4b48dee4c51a1bbaf4c280e Mon Sep 17 00:00:00 2001
From: Alex Rouse <Alex.r.rouse@gmail.com>
Date: Fri, 1 Aug 2025 13:09:23 -0400
Subject: [PATCH] fix(ui): extension command text overflow (#3785)

Co-authored-by: Alex Rouse <alex.rouse@block.xyz>
---
 .../settings/extensions/subcomponents/ExtensionItem.tsx     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/desktop/src/components/settings/extensions/subcomponents/ExtensionItem.tsx b/ui/desktop/src/components/settings/extensions/subcomponents/ExtensionItem.tsx
index 046240b8a9..db0cb06953 100644
--- a/ui/desktop/src/components/settings/extensions/subcomponents/ExtensionItem.tsx
+++ b/ui/desktop/src/components/settings/extensions/subcomponents/ExtensionItem.tsx
@@ -73,7 +73,7 @@ export default function ExtensionItem({
 
   return (
     <Card
-      className="transition-all duration-200 hover:shadow-default hover:cursor-pointer min-h-[120px]"
+      className="transition-all duration-200 hover:shadow-default hover:cursor-pointer min-h-[120px] overflow-hidden"
       onClick={() => handleToggle(extension)}
     >
       <CardHeader>
@@ -98,7 +98,9 @@ export default function ExtensionItem({
           </div>
         </CardAction>
       </CardHeader>
-      <CardContent className="px-4 text-sm text-text-muted">{renderSubtitle()}</CardContent>
+      <CardContent className="px-4 text-sm text-text-muted overflow-hidden break-words">
+        {renderSubtitle()}
+      </CardContent>
     </Card>
   );
 }