diff --git a/fda-ui/components/dialogs/CreateDB.vue b/fda-ui/components/dialogs/CreateDB.vue
index 5e9f86298278f45bdb2322e3aaa52331b0c43068..7536850001c275eed1bc086d63c39b91cd3874e0 100644
--- a/fda-ui/components/dialogs/CreateDB.vue
+++ b/fda-ui/components/dialogs/CreateDB.vue
@@ -180,7 +180,7 @@ export default {
       }
       this.loading = false
       this.$toast.success(`Database "${res.data.name}" created.`)
-      // this.$emit('refresh')
+      this.$emit('close')
       await this.$router.push(`/databases/${containerId}/info`)
     }
   }
diff --git a/fda-ui/pages/databases/index.vue b/fda-ui/pages/databases/index.vue
index 08151c3805aed1e4c59d797e35c6b8b3cf2cafea..01a926576bcca393562c9238c0f0bc3086c4b02d 100644
--- a/fda-ui/pages/databases/index.vue
+++ b/fda-ui/pages/databases/index.vue
@@ -49,7 +49,7 @@
         v-model="createDbDialog"
         persistent
         max-width="640">
-        <CreateDB @refresh="refresh" />
+        <CreateDB @close="createDbDialog = false" />
       </v-dialog>
     </v-card>
   </div>