diff --git a/UI/src/views/prediction/GlobalPredictionView.vue b/UI/src/views/prediction/GlobalPredictionView.vue
index e033fcd..83bb2f6 100644
--- a/UI/src/views/prediction/GlobalPredictionView.vue
+++ b/UI/src/views/prediction/GlobalPredictionView.vue
@@ -116,12 +116,12 @@ const filters = reactive({
 
 const pagination = reactive({
   currentPage: 1,
-  pageSize: 8
+  pageSize: 12
 })
 
 const filteredModelList = computed(() => {
   return modelList.value.filter(model => {
-    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type
+    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type.id
     return modelTypeMatch
   })
 })
diff --git a/UI/src/views/prediction/ProductPredictionView.vue b/UI/src/views/prediction/ProductPredictionView.vue
index c3e5cda..3592b63 100644
--- a/UI/src/views/prediction/ProductPredictionView.vue
+++ b/UI/src/views/prediction/ProductPredictionView.vue
@@ -125,13 +125,13 @@ const filters = reactive({
 
 const pagination = reactive({
   currentPage: 1,
-  pageSize: 8
+  pageSize: 12
 })
 
 const filteredModelList = computed(() => {
   return modelList.value.filter(model => {
     const productMatch = !filters.product_id || model.product_id === filters.product_id
-    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type
+    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type.id
     return productMatch && modelTypeMatch
   })
 })
diff --git a/UI/src/views/prediction/StorePredictionView.vue b/UI/src/views/prediction/StorePredictionView.vue
index 4e43719..d685c99 100644
--- a/UI/src/views/prediction/StorePredictionView.vue
+++ b/UI/src/views/prediction/StorePredictionView.vue
@@ -126,7 +126,7 @@ const filters = reactive({
 
 const pagination = reactive({
   currentPage: 1,
-  pageSize: 8
+  pageSize: 12
 })
 
 const storeNameMap = computed(() => {
@@ -146,7 +146,7 @@ const modelsWithNames = computed(() => {
 const filteredModelList = computed(() => {
   return modelsWithNames.value.filter(model => {
     const storeMatch = !filters.store_id || model.store_id === filters.store_id
-    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type
+    const modelTypeMatch = !filters.model_type || model.model_type === filters.model_type.id
     return storeMatch && modelTypeMatch
   })
 })