From b309c026e30963546a901ee201b12c3c277807db Mon Sep 17 00:00:00 2001
From: anamontiaga <amontiaga@gmail.com>
Date: Thu, 14 Dec 2023 17:11:10 +0100
Subject: [PATCH] non controls when feature has long name fix

---
 app/components/map/legend/item/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/map/legend/item/index.tsx b/app/components/map/legend/item/index.tsx
index 1a6265ee21..3389c22e61 100644
--- a/app/components/map/legend/item/index.tsx
+++ b/app/components/map/legend/item/index.tsx
@@ -85,7 +85,7 @@ export const LegendItem: React.FC<LegendItemProps> = ({
           {icon ?? null}
           <div
             className={cn({
-              'text-sm': true,
+              'break-all pr-1 text-sm': true,
               'text-white': theme === 'dark' || !theme,
               'text-gray-800': theme === 'light',
             })}