From d9316101e8fba935acb292103352a8960bb0ec2a Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 05:02:43 +0100
Subject: [PATCH] fix: stop a theme card cutting its name next to the default
 badge

---
 components/settings/themes-settings.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/settings/themes-settings.tsx b/components/settings/themes-settings.tsx
index 62faabec7..a436f677e 100644
--- a/components/settings/themes-settings.tsx
+++ b/components/settings/themes-settings.tsx
@@ -229,8 +229,8 @@ function ThemeCard({ name, author, preview, css, isDark, isDefaultTheme, isActiv
 
         {/* Info */}
         <div className="w-full">
-          <div className="flex items-center justify-between gap-1">
-            <span className="text-sm font-medium text-foreground truncate">{name}</span>
+          <div className="flex flex-wrap items-center justify-between gap-1">
+            <span className="min-w-0 max-w-full text-sm font-medium text-foreground truncate">{name}</span>
             <div className="flex items-center gap-1 flex-shrink-0">
               {isForceEnabled && (
                 <span className="text-[0.625rem] px-1.5 py-0.5 rounded bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400 font-medium flex items-center gap-0.5" title={t('admin_enforced')}>