diff --git a/frontend/src/components/Filter.vue b/frontend/src/components/Filter.vue
index 5159b559..517a66d4 100644
--- a/frontend/src/components/Filter.vue
+++ b/frontend/src/components/Filter.vue
@@ -1,7 +1,10 @@
 <template>
   <NestedPopover>
     <template #target>
-      <Button :label="__('Filter')">
+      <Button
+        :label="__('Filter')"
+        :class="filters?.size ? 'rounded-r-none' : ''"
+      >
         <template #prefix><FilterIcon class="h-4" /></template>
         <template v-if="filters?.size" #suffix>
           <div
@@ -11,6 +14,12 @@
           </div>
         </template>
       </Button>
+      <Button
+        v-if="filters?.size"
+        class="rounded-l-none border-l"
+        icon="x"
+        @click.stop="clearfilter"
+      />
     </template>
     <template #body="{ close }">
       <div class="my-2 rounded-lg border border-gray-100 bg-white shadow-xl">