From 7c5fa39f966b3ce9a9759bd08848e129dbabbd70 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 24 Mar 2024 16:10:04 +0200
Subject: [PATCH] Fix squished event logos on calendar page

---
 app/features/calendar/routes/calendar.tsx | 2 +-
 app/styles/calendar.css                   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/features/calendar/routes/calendar.tsx b/app/features/calendar/routes/calendar.tsx
index bd3a44b15..815e5b1e1 100644
--- a/app/features/calendar/routes/calendar.tsx
+++ b/app/features/calendar/routes/calendar.tsx
@@ -422,7 +422,7 @@ function EventsList({
                               })}
                               alt=""
                               size={40}
-                              className="rounded-full"
+                              className="calendar__event-logo"
                             />
                           ) : null}
                           <div>
diff --git a/app/styles/calendar.css b/app/styles/calendar.css
index 69419bd60..e0a7d470b 100644
--- a/app/styles/calendar.css
+++ b/app/styles/calendar.css
@@ -188,3 +188,8 @@
   padding-block-end: var(--s-2);
   text-align: center;
 }
+
+.calendar__event-logo {
+  border-radius: 100%;
+  min-width: 40px;
+}