diff --git a/client/web/workflow/src/components/Import.vue b/client/web/workflow/src/components/Import.vue
index fdb559970..aadccf594 100644
--- a/client/web/workflow/src/components/Import.vue
+++ b/client/web/workflow/src/components/Import.vue
@@ -9,6 +9,7 @@
     </b-button>
 
     <b-modal
+      id="import"
       v-model="show"
       size="lg"
       :title="$t('general:import.json')"
diff --git a/client/web/workflow/src/components/WorkflowEditor.vue b/client/web/workflow/src/components/WorkflowEditor.vue
index 5e998ec5d..91169b567 100644
--- a/client/web/workflow/src/components/WorkflowEditor.vue
+++ b/client/web/workflow/src/components/WorkflowEditor.vue
@@ -2497,6 +2497,7 @@ export default {
 
         this.importProcessing = false
         this.$root.$emit('change-detected')
+        this.$bvModal.hide('import')
         this.toastSuccess(this.$t('notification:imported-workflow'))
       } catch (e) {
         this.toastErrorHandler(this.$t('notification:import-failed'))(e)
diff --git a/client/web/workflow/src/views/Workflow/List.vue b/client/web/workflow/src/views/Workflow/List.vue
index 4acac1bd3..1e4f38c94 100644
--- a/client/web/workflow/src/views/Workflow/List.vue
+++ b/client/web/workflow/src/views/Workflow/List.vue
@@ -290,6 +290,7 @@ export default {
           } else {
             this.toastSuccess(this.$t('notification:import.imported-workflows'))
           }
+          this.$bvModal.hide('import')
         })
         .catch(this.toastErrorHandler(this.$t('notification:import.failed-import')))