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')}>