diff --git a/frontend/src/components/Filter.vue b/frontend/src/components/Filter.vue
index 517a66d4..2f83f434 100644
--- a/frontend/src/components/Filter.vue
+++ b/frontend/src/components/Filter.vue
@@ -14,12 +14,13 @@
           </div>
         </template>
       </Button>
-      <Button
-        v-if="filters?.size"
-        class="rounded-l-none border-l"
-        icon="x"
-        @click.stop="clearfilter"
-      />
+      <Tooltip v-if="filters?.size" :text="__('Clear all Filter')">
+        <Button
+          class="rounded-l-none border-l"
+          icon="x"
+          @click.stop="clearfilter"
+        />
+      </Tooltip>
     </template>
     <template #body="{ close }">
       <div class="my-2 rounded-lg border border-gray-100 bg-white shadow-xl">
@@ -110,7 +111,7 @@ import NestedPopover from '@/components/NestedPopover.vue'
 import FilterIcon from '@/components/Icons/FilterIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
-import { FormControl, createResource } from 'frappe-ui'
+import { FormControl, createResource, Tooltip } from 'frappe-ui'
 import { h, computed, onMounted } from 'vue'
 
 const typeCheck = ['Check']