diff --git a/src/views/desktop/user/settings/dialogs/UserGenerateTokenDialog.vue b/src/views/desktop/user/settings/dialogs/UserGenerateTokenDialog.vue
index 8ebea637..39b021fd 100644
--- a/src/views/desktop/user/settings/dialogs/UserGenerateTokenDialog.vue
+++ b/src/views/desktop/user/settings/dialogs/UserGenerateTokenDialog.vue
@@ -52,26 +52,25 @@
                                 :placeholder="tt('Expiration Time')"
                                 :items="[
                                     { displayName: tt('No Expiration'), value: 0 },
-                                    { displayName: tt('format.misc.nHour', { n: 1 }), value: 3600 },
-                                    { displayName: tt('format.misc.nDays', { n: 1 }), value: 86400 },
-                                    { displayName: tt('format.misc.nDays', { n: 7 }), value: 604800 },
-                                    { displayName: tt('format.misc.nDays', { n: 30 }), value: 2592000 },
-                                    { displayName: tt('format.misc.nDays', { n: 90 }), value: 7776000 },
-                                    { displayName: tt('format.misc.nDays', { n: 180 }), value: 15552000 },
-                                    { displayName: tt('format.misc.nDays', { n: 365 }), value: 31536000 },
+                                    { displayName: tt('format.misc.nHour', { n: formatNumberToLocalizedNumerals(1) }), value: 3600 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(1) }), value: 86400 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(7) }), value: 604800 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(30) }), value: 2592000 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(90) }), value: 7776000 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(180) }), value: 15552000 },
+                                    { displayName: tt('format.misc.nDays', { n: formatNumberToLocalizedNumerals(365) }), value: 31536000 },
                                     { displayName: tt('Custom'), value: -1 }
                                 ]"
                                 v-model="tokenExpirationTime"
                             />
                         </v-col>
                         <v-col cols="12" md="6" v-if="tokenExpirationTime < 0">
-                            <v-text-field
-                                type="number"
-                                persistent-placeholder
+                            <number-input
+                                :persistent-placeholder="true"
                                 :disabled="generating"
                                 :label="tt('Custom Expiration Time (Seconds)')"
                                 :placeholder="tt('Custom Expiration Time (Seconds)')"
-                                v-model.number="tokenCustomExpirationTime"
+                                v-model="tokenCustomExpirationTime"
                             />
                         </v-col>
                         <v-col cols="12" md="12">
@@ -142,7 +141,7 @@ import { copyTextToClipboard } from '@/lib/ui/common.ts';
 
 type SnackBarType = InstanceType<typeof SnackBar>;
 
-const { tt } = useI18n();
+const { tt, formatNumberToLocalizedNumerals } = useI18n();
 
 const tokensStore = useTokensStore();