From d23be757056e7ec19fa4489604c008e699ad362f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 5 Jun 2024 17:14:24 +0530
Subject: [PATCH] chore: enclose filter & clear all in div

---
 frontend/src/components/Filter.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Filter.vue b/frontend/src/components/Filter.vue
index 23da2d8b..ae1a8bff 100644
--- a/frontend/src/components/Filter.vue
+++ b/frontend/src/components/Filter.vue
@@ -1,6 +1,7 @@
 <template>
   <NestedPopover>
     <template #target>
+    <div class="flex items-center">
       <Button
         :label="__('Filter')"
         :class="filters?.size ? 'rounded-r-none' : ''"
@@ -15,14 +16,15 @@
         </template>
       </Button>
       <Tooltip v-if="filters?.size" :text="__('Clear all Filter')">
-        <span>
+        <div>
           <Button
             class="rounded-l-none border-l"
             icon="x"
             @click.stop="clearfilter(false)"
           />
-        </span>
+        </div>
       </Tooltip>
+    </div>
     </template>
     <template #body="{ close }">
       <div class="my-2 rounded-lg border border-gray-100 bg-white shadow-xl">