diff --git a/app/components/shared/ProductFilter.vue b/app/components/shared/ProductFilter.vue
index dc09d52..a03e5be 100644
--- a/app/components/shared/ProductFilter.vue
+++ b/app/components/shared/ProductFilter.vue
@@ -101,19 +101,19 @@
 
   defineProps({
     productTypeOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<DocumentListProductType>,
       default: () => [],
     },
     productOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<DocumentListProduct>,
       default: () => [],
     },
   });
 
   const model = defineModel<{
     keyword: string;
-    selectedType: number | null;
-    selectedProduct: number | null;
+    selectedType: string | null;
+    selectedProduct: string | null;
   }>();
 </script>
 
diff --git a/app/pages/support/documents.vue b/app/pages/support/documents.vue
index 63519eb..4672931 100644
--- a/app/pages/support/documents.vue
+++ b/app/pages/support/documents.vue
@@ -30,8 +30,8 @@
   ];
 
   const filters = reactive({
-    selectedType: null as number | null,
-    selectedProduct: null as number | null,
+    selectedType: null as string | null,
+    selectedProduct: null as string | null,
     keyword: '',
   });