From 4bb981566f041f686d8dc5663fb113910a9feb12 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 21 Nov 2024 20:33:13 +0530
Subject: [PATCH] fix: grouping space

---
 .../dashboard/components-next/message/Message.vue           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/components-next/message/Message.vue b/app/javascript/dashboard/components-next/message/Message.vue
index 3cd565dc0..a65cf6f7a 100644
--- a/app/javascript/dashboard/components-next/message/Message.vue
+++ b/app/javascript/dashboard/components-next/message/Message.vue
@@ -157,15 +157,15 @@ const gridTemplate = computed(() => {
 <template>
   <div
     class="flex w-full"
-    :class="[flexOrientationClass, { 'mb-4': !groupWithNext }]"
+    :class="[flexOrientationClass, groupWithNext ? 'mb-2' : 'mb-4']"
   >
     <div v-if="variant === MESSAGE_VARIANTS.ACTIVITY">
       <TextBubble v-bind="props" :variant :orientation />
     </div>
     <div
       v-else
-      :class="gridClass"
-      class="gap-x-3 gap-y-2 grid-area"
+      :class="[gridClass, { 'gap-y-2': !groupWithNext }]"
+      class="gap-x-3"
       :style="{
         gridTemplateAreas: gridTemplate,
       }"