From 718142365cc85d76305060cfe8045028d588da2f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 14 May 2024 15:10:26 +0530
Subject: [PATCH] fix: whatsapp icon getting cut in notification panel

---
 frontend/src/components/Notifications.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Notifications.vue b/frontend/src/components/Notifications.vue
index 1d2f6f09..719046d2 100644
--- a/frontend/src/components/Notifications.vue
+++ b/frontend/src/components/Notifications.vue
@@ -52,13 +52,10 @@
         >
           <div class="mt-1 flex items-center gap-2.5">
             <div
-              class="h-[5px] w-[5px] rounded-full"
+              class="size-[5px] rounded-full"
               :class="[n.read ? 'bg-transparent' : 'bg-gray-900']"
             />
-            <WhatsAppIcon
-              v-if="n.type == 'WhatsApp'"
-              class="size-7 rounded-full"
-            />
+            <WhatsAppIcon v-if="n.type == 'WhatsApp'" class="size-7" />
             <UserAvatar v-else :user="n.from_user.name" size="lg" />
           </div>
           <div>