diff --git a/resources/js/components/page/Filter.vue b/resources/js/components/page/Filter.vue
index 57c231fd..455c13cc 100644
--- a/resources/js/components/page/Filter.vue
+++ b/resources/js/components/page/Filter.vue
@@ -1,9 +1,10 @@
 <template>
-    <ui-popup v-if="visible === true" heading="Filtern" @close="visible = false">
-        <div class="grid gap-3 md:grid-cols-2">
+    <ui-sidebar :max="0" v-if="visible === true" @close="visible = false">
+        <page-header title="Filter" @close="visible = false"> </page-header>
+        <div class="grid gap-3 p-6">
             <slot name="fields"></slot>
         </div>
-    </ui-popup>
+    </ui-sidebar>
     <div class="px-6 py-2 border-b border-gray-600 items-center space-x-3">
         <div class="flex flex-col sm:flex-row items-stretch sm:items-end space-y-1 sm:space-y-0 sm:space-x-3">
             <slot name="buttons"></slot>