diff --git a/website/client/src/components/settings/promoCode.vue b/website/client/src/pages/settings/promoCode.vue
similarity index 93%
rename from website/client/src/components/settings/promoCode.vue
rename to website/client/src/pages/settings/promoCode.vue
index 704ec54dff..eb4f46c750 100644
--- a/website/client/src/components/settings/promoCode.vue
+++ b/website/client/src/pages/settings/promoCode.vue
@@ -68,8 +68,10 @@
 import axios from 'axios';
 import { mapState } from '@/libs/store';
 import notifications from '@/mixins/notifications';
+import SaveCancelButtons from '@/pages/settings/components/saveCancelButtons.vue';
 
 export default {
+  components: { SaveCancelButtons },
   mixins: [notifications],
   data () {
     return {
@@ -82,6 +84,9 @@ export default {
   },
   computed: {
     ...mapState({ user: 'user.data', credentials: 'credentials' }),
+    canCreateCoupons () {
+      return this.user.permissions.coupons || true;
+    },
     getCodesUrl () {
       if (!this.user) return '';
       return '/api/v4/coupons';
diff --git a/website/client/src/router/user-routes.js b/website/client/src/router/user-routes.js
index 023a29d7ad..9133cb36d2 100644
--- a/website/client/src/router/user-routes.js
+++ b/website/client/src/router/user-routes.js
@@ -16,7 +16,7 @@ const Transactions = () => import(/* webpackChunkName: "settings" */'@/pages/set
 const SiteData = () => import(/* webpackChunkName: "settings" */'@/pages/settings/siteData.vue');
 
 // not converted yet
-const PromoCode = () => import(/* webpackChunkName: "settings" */'@/components/settings/promoCode');
+const PromoCode = () => import(/* webpackChunkName: "settings" */'@/pages/settings/promoCode.vue');
 const Subscription = () => import(/* webpackChunkName: "settings" */'@/components/settings/subscription');