diff --git a/resources/js/components/page/Filter.vue b/resources/js/components/page/Filter.vue
index 052089ce..52b52ec3 100644
--- a/resources/js/components/page/Filter.vue
+++ b/resources/js/components/page/Filter.vue
@@ -1,7 +1,7 @@
 <template>
-    <page-filter-sidebar v-model="visible">
+    <ui-filter-sidebar v-model="visible">
         <slot name="fields"></slot>
-    </page-filter-sidebar>
+    </ui-filter-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>
diff --git a/resources/js/components/page/FilterSidebar.vue b/resources/js/components/ui/FilterSidebar.vue
similarity index 100%
rename from resources/js/components/page/FilterSidebar.vue
rename to resources/js/components/ui/FilterSidebar.vue