From fa099df90a0ce9a52fe70531c2f11101d53391b3 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Thu, 23 May 2024 11:58:58 -0400
Subject: [PATCH] fix: styling on landing page

---
 pages/index.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 3560738..dfa5f01 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -54,13 +54,16 @@ useSeoMeta({
         >
           <div class="mt-auto">
             <AuthorsList :authors="guide.authors" />
-            <UBadge
-              :label="guide.tags.join(', ')"
-              color="blue"
-              size="sm"
-              variant="subtle"
-              class="mb-2 mr-2"
-            />
+            <div class="mt-2">
+              <UBadge
+                v-for="tag of guide.tags"
+                :label="tag"
+                color="blue"
+                size="xs"
+                variant="subtle"
+                class="mr-2"
+              />
+            </div>
           </div>
         </ULandingCard>
       </UPageGrid>