From 958e67a1cbe8c3c09fbd6e473b5b4962b92241f2 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 14 Apr 2022 20:21:58 -0700
Subject: [PATCH] Use block display for label chips so they wrap to new lines
 on overflow

---
 .../components/patterns/LibraryCards/GridLinkedItemCard.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx b/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
index 5d61e35b4..f01e7260c 100644
--- a/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/GridLinkedItemCard.tsx
@@ -154,11 +154,11 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
           />
         )}
       </HStack>
-      <HStack css={{ mt: '8px' }}>
+      <Box css={{ display: 'block', mt: '8px' }}>
         {props.item.labels?.map(({ name, color }, index) => (
           <LabelChip key={index} text={name || ''} color={color} />
         ))}
-      </HStack>
+      </Box>
     </VStack>
   )
 }