diff --git a/website/client/src/components/settings/purchaseHistory.vue b/website/client/src/pages/settings/purchaseHistory.vue
similarity index 91%
rename from website/client/src/components/settings/purchaseHistory.vue
rename to website/client/src/pages/settings/purchaseHistory.vue
index d9a9bc5f84..0c795f8430 100644
--- a/website/client/src/components/settings/purchaseHistory.vue
+++ b/website/client/src/pages/settings/purchaseHistory.vue
@@ -9,7 +9,7 @@
 
 <script>
 import { mapState } from '@/libs/store';
-import PurchaseHistoryTable from '../ui/purchaseHistoryTable.vue';
+import PurchaseHistoryTable from '../../components/ui/purchaseHistoryTable.vue';
 
 export default {
   components: {
diff --git a/website/client/src/router/user-routes.js b/website/client/src/router/user-routes.js
index e416923caa..25bc5a1b2c 100644
--- a/website/client/src/router/user-routes.js
+++ b/website/client/src/router/user-routes.js
@@ -11,6 +11,7 @@ export const ProfilePage = () => import(/* webpackChunkName: "user" */'@/compone
 const Settings = () => import(/* webpackChunkName: "settings" */'@/pages/settings-overview');
 const GeneralSettings = () => import(/* webpackChunkName: "settings" */'@/pages/settings/generalSettings');
 const Notifications = () => import(/* webpackChunkName: "settings" */'@/pages/settings/notificationSettings');
+const Transactions = () => import(/* webpackChunkName: "settings" */'@/pages/settings/purchaseHistory.vue');
 
 // not converted yet
 const API = () => import(/* webpackChunkName: "settings" */'@/components/settings/api');
@@ -18,7 +19,6 @@ const DataExport = () => import(/* webpackChunkName: "settings" */'@/components/
 const PromoCode = () => import(/* webpackChunkName: "settings" */'@/components/settings/promoCode');
 const Site = () => import(/* webpackChunkName: "settings" */'@/components/settings/site');
 const Subscription = () => import(/* webpackChunkName: "settings" */'@/components/settings/subscription');
-const Transactions = () => import(/* webpackChunkName: "settings" */'@/components/settings/purchaseHistory');
 
 
 export const USER_ROUTES = {