From 478276c1d9f1caed5c765b8a1cb4b2f90428fa2e Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 17 Jun 2021 21:55:28 +0300
Subject: [PATCH] Fix stacking event tags spacing

---
 components/calendar/EventInfo.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/calendar/EventInfo.tsx b/components/calendar/EventInfo.tsx
index 7041193c3..3fc27a1b1 100644
--- a/components/calendar/EventInfo.tsx
+++ b/components/calendar/EventInfo.tsx
@@ -73,11 +73,17 @@ const EventInfo = ({ event, edit }: EventInfoProps) => {
             {imgSrc && <Image src={imgSrc} width={36} height={36} />}
             <Heading size="lg">{event.name}</Heading>
             {event.tags.length > 0 && (
-              <Flex flexWrap="wrap" justifyContent="center" mt={3} mb={2}>
+              <Flex flexWrap="wrap" justifyContent="center" my={2}>
                 {event.tags.map((tag) => {
                   const tagInfo = TAGS.find((tagObj) => tagObj.code === tag)!;
                   return (
-                    <Badge key={tag} mx={1} bg={tagInfo.color} color="black">
+                    <Badge
+                      key={tag}
+                      mx={1}
+                      my={1}
+                      bg={tagInfo.color}
+                      color="black"
+                    >
                       {tagInfo.name}
                     </Badge>
                   );