From bf03c942ea61628f05288b25b85e8b6fbef4ec51 Mon Sep 17 00:00:00 2001
From: maui <hello@mauriciabad.com>
Date: Wed, 20 Mar 2024 01:59:15 +0100
Subject: [PATCH] Fix word wrapping

---
 .../explore/_components/list-category-groups.tsx     | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/app/[locale]/(app)/explore/_components/list-category-groups.tsx b/src/app/[locale]/(app)/explore/_components/list-category-groups.tsx
index 91634065..f314bdb9 100644
--- a/src/app/[locale]/(app)/explore/_components/list-category-groups.tsx
+++ b/src/app/[locale]/(app)/explore/_components/list-category-groups.tsx
@@ -38,23 +38,19 @@ export const ListCategoryGroups: FC<{
           >
             <CardBody
               className={cn(
-                'relative flex min-h-16 flex-row gap-2',
+                'relative flex min-h-16 flex-row gap-2 pl-2 pr-0',
                 'overflow-hidden'
               )}
             >
-              <CategoryIcon
-                icon={category.icon}
-                size={24}
-                className="shrink-0"
-              />
-              <span className="flex-1 font-semibold uppercase leading-5 tracking-wide">
+              <CategoryIcon icon={category.icon} size={24} />
+              <span className="flex-1 overflow-auto break-words font-semibold uppercase leading-5 tracking-wide">
                 {category.namePlural}
               </span>
               <CategoryIcon
                 icon={category.icon}
                 strokeWidth={2}
                 size={64}
-                className="absolute bottom-0 right-1 z-0 shrink-0 opacity-10"
+                className="pointer-events-none absolute bottom-0 right-1 z-0 shrink-0 opacity-10"
               />
             </CardBody>
           </Card>