diff --git a/src/components/misc/subscription.vue b/src/components/misc/subscription.vue
index c00d6271c..8288bd038 100644
--- a/src/components/misc/subscription.vue
+++ b/src/components/misc/subscription.vue
@@ -9,7 +9,7 @@
 	>
 		{{ buttonText }}
 	</x-button>
-	<a
+	<BaseButton
 		v-else
 		v-tooltip="tooltipText"
 		@click="changeSubscription"
@@ -19,13 +19,15 @@
 			<icon :icon="iconName"/>
 		</span>
 		{{ buttonText }}
-	</a>
+	</BaseButton>
 </template>
 
 <script lang="ts" setup>
 import {computed, shallowRef} from 'vue'
 import {useI18n} from 'vue-i18n'
 
+import BaseButton from '@/components/base/BaseButton.vue'
+
 import SubscriptionService from '@/services/subscription'
 import SubscriptionModel from '@/models/subscription'