fix: Resolves large keywords breaking the keywords table ui

towfiqi · Feb 22, 2024 · 724d3c8 · 724d3c8
1 parent 7e8840c
commit 724d3c8
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/keywords/Keyword.tsx b/components/keywords/Keyword.tsx
@@ -99,7 +99,7 @@ const Keyword = (props: KeywordProps) => {
                   <Icon type="check" size={10} />
             </button>
             <a
-            className='py-2 hover:text-blue-600 lg:flex lg:items-center lg:w-full'
+            className='py-2 hover:text-blue-600 lg:flex lg:items-center lg:w-full lg:max-w-[200px]'
             onClick={() => showKeywordDetails()}>
                <span className={`fflag fflag-${country} w-[18px] h-[12px] mr-2`} title={countries[country][0]} />
                <span className=' text-ellipsis overflow-hidden whitespace-nowrap w-[calc(100%-30px)]'>{keyword}{city ? ` (${city})` : ''}</span>