diff --git a/komga-webui/src/plugins/persisted-state.ts b/komga-webui/src/plugins/persisted-state.ts
index febaf86e5..eb0d68825 100644
--- a/komga-webui/src/plugins/persisted-state.ts
+++ b/komga-webui/src/plugins/persisted-state.ts
@@ -28,6 +28,7 @@ export const persistedModule: Module<any, any> = {
       sort: {},
       route: {},
     },
+    importPath: '',
   },
   getters: {
     getCollectionFilter: (state) => (id: string) => {
@@ -89,5 +90,8 @@ export const persistedModule: Module<any, any> = {
     setLibraryRoute(state, {id, route}) {
       state.library.route[id] = route
     },
+    setImportPath(state, val) {
+      state.importPath = val ?? ''
+    },
   },
 }
diff --git a/komga-webui/src/views/BookImport.vue b/komga-webui/src/views/BookImport.vue
index d8280d274..5e0cf7cd9 100644
--- a/komga-webui/src/views/BookImport.vue
+++ b/komga-webui/src/views/BookImport.vue
@@ -11,6 +11,7 @@
       <v-col>
         <v-text-field
           v-model="importPath"
+          clearable
           :label="$t('book_import.field_import_path')"
         />
       </v-col>
@@ -127,7 +128,6 @@ export default Vue.extend({
     selected: [] as number[],
     selectedSeries: undefined as SeriesDto | undefined,
     payloads: [] as BookImportDto[],
-    importPath: '',
     transientBooks: [] as TransientBookDto[],
     copyMode: CopyMode.HARDLINK,
     importFinished: false,
@@ -146,6 +146,14 @@ export default Vue.extend({
         else this.selected = []
       },
     },
+    importPath: {
+      get: function (): string {
+        return this.$store.state.persistedState.importPath
+      },
+      set: function (val: string): void {
+        this.$store.commit('setImportPath', val)
+      },
+    },
     copyModes(): object[] {
       return [
         {text: this.$t('enums.copy_mode.HARDLINK').toString(), value: CopyMode.HARDLINK},