restore label flex

weaveworks · Sep 11, 2023 · 5ae95c9 · 5ae95c9
1 parent f452f18
commit 5ae95c9
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/ui/components/Metadata.tsx b/ui/components/Metadata.tsx
@@ -53,13 +53,15 @@ const MetadataSection: React.FC<{ title: string; items: [string, any][] }> = ({
         {title}
       </Text>
       {title === "Labels" ? (
-        items.map((label, index) => {
-          return (
-            <Label key={index}>
-              {label[0]}: {label[1]}
-            </Label>
-          );
-        })
+        <Flex wide start wrap gap="4">
+          {items.map((label, index) => {
+            return (
+              <Label key={index}>
+                {label[0]}: {label[1]}
+              </Label>
+            );
+          })}
+        </Flex>
       ) : (
         <InfoList items={items} />
       )}