From a16e6aeb905d41ad6e5c593c07cdd91b8a3cf213 Mon Sep 17 00:00:00 2001
From: Zane <75694352+zanesq@users.noreply.github.com>
Date: Fri, 18 Apr 2025 12:09:00 -0700
Subject: [PATCH] fix: long command wrapping in extensions (#2267)

---
 .../settings_v2/extensions/subcomponents/ExtensionItem.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/desktop/src/components/settings_v2/extensions/subcomponents/ExtensionItem.tsx b/ui/desktop/src/components/settings_v2/extensions/subcomponents/ExtensionItem.tsx
index 97ad0dca..214a503c 100644
--- a/ui/desktop/src/components/settings_v2/extensions/subcomponents/ExtensionItem.tsx
+++ b/ui/desktop/src/components/settings_v2/extensions/subcomponents/ExtensionItem.tsx
@@ -74,7 +74,7 @@ export default function ExtensionItem({
       className="flex justify-between rounded-lg transition-colors border border-borderSubtle p-4 pt-3 hover:border-borderProminent hover:cursor-pointer"
       onClick={() => handleToggle(extension)}
     >
-      <div className="flex flex-col w-max-[90%]">
+      <div className="flex flex-col w-max-[90%] word-break">
         <h3 className="text-textStandard">{getFriendlyTitle(extension)}</h3>
         <p className="text-xs text-textSubtle">{renderSubtitle()}</p>
       </div>