diff --git a/frontend/src/components/Admin/Backup/index.vue b/frontend/src/components/Admin/Backup/index.vue
index 56d2998f6..62b8aa604 100644
--- a/frontend/src/components/Admin/Backup/index.vue
+++ b/frontend/src/components/Admin/Backup/index.vue
@@ -48,7 +48,7 @@
 
 <script>
 import api from "@/api";
-import SuccessFailureAlert from "../../UI/SuccessFailureAlert";
+import SuccessFailureAlert from "@/components/UI/SuccessFailureAlert";
 import ImportSummaryDialog from "./ImportSummaryDialog";
 import UploadBtn from "../../UI/UploadBtn";
 import AvailableBackupCard from "./AvailableBackupCard";
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index d24793322..1507b9431 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,3 +1,4 @@
+const path = require("path");
 module.exports = {
   transpileDependencies: ["vuetify"],
   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
@@ -18,4 +19,11 @@ module.exports = {
       enableInSFC: true,
     },
   },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        "@": path.resolve("src"),
+      },
+    },
+  },
 };