diff --git a/web/src/views/website/IndexView.vue b/web/src/views/website/IndexView.vue
index 3bc20da4..6bb0929a 100644
--- a/web/src/views/website/IndexView.vue
+++ b/web/src/views/website/IndexView.vue
@@ -31,7 +31,6 @@ const bulkCreateModal = ref(false)
       v-model:bulk-create-modal="bulkCreateModal"
     />
     <setting-view v-if="currentTab === 'setting'" />
-
     <create-modal v-model:show="createModal" v-model:type="currentTab" />
     <bulk-create-modal v-model:show="bulkCreateModal" v-model:type="currentTab" />
   </common-page>
diff --git a/web/src/views/website/ListView.vue b/web/src/views/website/ListView.vue
index c390a583..c0659a9e 100644
--- a/web/src/views/website/ListView.vue
+++ b/web/src/views/website/ListView.vue
@@ -269,6 +269,10 @@ const bulkDelete = async () => {
   window.$message.success($gettext('Deleted successfully'))
 }
 
+watch(type, () => {
+  refresh()
+})
+
 onMounted(() => {
   refresh()
   window.$bus.on('website:refresh', refresh)