diff --git a/api/user/recovery.go b/api/user/recovery.go
index 8de41c04..79408a1c 100644
--- a/api/user/recovery.go
+++ b/api/user/recovery.go
@@ -19,8 +19,8 @@ type RecoveryCodesResponse struct {
 }
 
 func generateRecoveryCode() string {
-	// generate recovery code, 10 hex numbers
-	return fmt.Sprintf("%010x", rand.Intn(0x10000000000))
+	// generate recovery code, 10 hex numbers with a dash in the middle
+	return fmt.Sprintf("%05x-%05x", rand.Intn(0x100000), rand.Intn(0x100000))
 }
 
 func generateRecoveryCodes(count int) []model.RecoveryCode {
diff --git a/app/src/views/preference/components/RecoveryCodes.vue b/app/src/views/preference/components/RecoveryCodes.vue
index 93debbf2..780abd84 100644
--- a/app/src/views/preference/components/RecoveryCodes.vue
+++ b/app/src/views/preference/components/RecoveryCodes.vue
@@ -108,7 +108,7 @@ function handlePopOpenChange(visible: boolean) {
       <ul class="grid grid-cols-2 gap-2 text-lg">
         <li v-for="(code, index) in codes" :key="index">
           <span :class="{ 'line-through': code.used_time }">
-            {{ `${code.code.slice(0, 5)}-${code.code.slice(5)}` }}
+            {{ code.code }}
           </span>
         </li>
       </ul>