diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 6f73b9ec7b..282ad42c54 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -124,9 +124,9 @@ onMounted(() => {
 
         <!-- Generate -->
         <div class="flex flex-row justify-center">
-          <button type="submit" class="ant-btn ant-btn-primary">
+          <a-button type="primary" html-type="submit">
             {{ $t('general.generate') }}
-          </button>
+          </a-button>
         </div>
       </a-form>
     </div>