diff --git a/frontend/src/components/Admin/Backup/index.vue b/frontend/src/pages/Admin/Backup/index.vue
similarity index 90%
rename from frontend/src/components/Admin/Backup/index.vue
rename to frontend/src/pages/Admin/Backup/index.vue
index 62b8aa604..1e6163183 100644
--- a/frontend/src/components/Admin/Backup/index.vue
+++ b/frontend/src/pages/Admin/Backup/index.vue
@@ -49,10 +49,10 @@
 <script>
 import api from "@/api";
 import SuccessFailureAlert from "@/components/UI/SuccessFailureAlert";
-import ImportSummaryDialog from "./ImportSummaryDialog";
-import UploadBtn from "../../UI/UploadBtn";
-import AvailableBackupCard from "./AvailableBackupCard";
-import NewBackupCard from "./NewBackupCard";
+import ImportSummaryDialog from "@/components/Admin/Backup/ImportSummaryDialog";
+import UploadBtn from "@/components/UI/UploadBtn";
+import AvailableBackupCard from "@/components/Admin/Backup/AvailableBackupCard";
+import NewBackupCard from "@/components/Admin/Backup/NewBackupCard";
 
 export default {
   components: {
diff --git a/frontend/src/components/Admin/General/index.vue b/frontend/src/pages/Admin/General/index.vue
similarity index 95%
rename from frontend/src/components/Admin/General/index.vue
rename to frontend/src/pages/Admin/General/index.vue
index 5fede18f9..5bf2d0bd8 100644
--- a/frontend/src/components/Admin/General/index.vue
+++ b/frontend/src/pages/Admin/General/index.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import HomePageSettings from "./HomePageSettings";
+import HomePageSettings from "@/components/Admin/General/HomePageSettings";
 
 export default {
   components: {
diff --git a/frontend/src/components/Admin/MealPlanner/index.vue b/frontend/src/pages/Admin/MealPlanner/index.vue
similarity index 98%
rename from frontend/src/components/Admin/MealPlanner/index.vue
rename to frontend/src/pages/Admin/MealPlanner/index.vue
index 8ea8ab61a..542dfda79 100644
--- a/frontend/src/components/Admin/MealPlanner/index.vue
+++ b/frontend/src/pages/Admin/MealPlanner/index.vue
@@ -97,7 +97,7 @@
 
 <script>
 import api from "@/api";
-import TimePickerDialog from "./TimePickerDialog";
+import TimePickerDialog from "@/components/Admin/MealPlanner/TimePickerDialog";
 export default {
   components: {
     TimePickerDialog,
diff --git a/frontend/src/components/Admin/Migration/index.vue b/frontend/src/pages/Admin/Migration/index.vue
similarity index 94%
rename from frontend/src/components/Admin/Migration/index.vue
rename to frontend/src/pages/Admin/Migration/index.vue
index 78684d2df..336e75101 100644
--- a/frontend/src/components/Admin/Migration/index.vue
+++ b/frontend/src/pages/Admin/Migration/index.vue
@@ -40,8 +40,8 @@
 
 
 <script>
-import MigrationCard from "./MigrationCard";
-import SuccessFailureAlert from "../../UI/SuccessFailureAlert";
+import MigrationCard from "@/components/Admin/Migration/MigrationCard";
+import SuccessFailureAlert from "@/components/UI/SuccessFailureAlert";
 import api from "@/api";
 export default {
   components: {
diff --git a/frontend/src/components/Admin/Theme/index.vue b/frontend/src/pages/Admin/Theme/index.vue
similarity index 97%
rename from frontend/src/components/Admin/Theme/index.vue
rename to frontend/src/pages/Admin/Theme/index.vue
index e113071af..6d6114587 100644
--- a/frontend/src/components/Admin/Theme/index.vue
+++ b/frontend/src/pages/Admin/Theme/index.vue
@@ -150,9 +150,9 @@
 
 <script>
 import api from "@/api";
-import ColorPickerDialog from "./ColorPickerDialog";
-import NewThemeDialog from "./NewThemeDialog";
-import Confirmation from "../../UI/Confirmation";
+import ColorPickerDialog from "@/components/Admin/Theme/ColorPickerDialog";
+import NewThemeDialog from "@/components/Admin/Theme/NewThemeDialog";
+import Confirmation from "@/components/UI/Confirmation";
 
 export default {
   components: {
diff --git a/frontend/src/routes/admin.js b/frontend/src/routes/admin.js
index d1501b611..3d5adf947 100644
--- a/frontend/src/routes/admin.js
+++ b/frontend/src/routes/admin.js
@@ -1,12 +1,12 @@
-import Admin from "../pages/Admin";
-import General from "../components/Admin/General";
-import Backup from "../components/Admin/Backup";
-import Theme from "../components/Admin/Theme";
-import MealPlanner from "../components/Admin/MealPlanner";
-import Migration from "../components/Admin/Migration";
-import Profile from "../pages/Admin/Profile";
-import ManageUsers from "../pages/Admin/ManageUsers";
-import Settings from "../pages/Admin/Settings";
+import Admin from "@/pages/Admin";
+import General from "@/pages/Admin/General";
+import Backup from "@/pages/Admin/Backup";
+import Theme from "@/pages/Admin/Theme";
+import MealPlanner from "@/pages/Admin/MealPlanner";
+import Migration from "@/pages/Admin/Migration";
+import Profile from "@/pages/Admin/Profile";
+import ManageUsers from "@/pages/Admin/ManageUsers";
+import Settings from "@/pages/Admin/Settings";
 
 export default {
   path: "/admin",