diff --git a/web/src/lib/components/user-settings-page/PinCodeInput.svelte b/web/src/lib/components/user-settings-page/PinCodeInput.svelte
index 0b0e49944..0a078f987 100644
--- a/web/src/lib/components/user-settings-page/PinCodeInput.svelte
+++ b/web/src/lib/components/user-settings-page/PinCodeInput.svelte
@@ -88,6 +88,7 @@
         } else if (target.value !== '') {
           pinValues[index] = '';
         }
+        value = pinValues.join('').trim();
         return;
       }
       case 'ArrowLeft': {