diff --git a/src_assets/common/assets/web/pin.html b/src_assets/common/assets/web/pin.html
index 90e0b8ee5bc..a6ac0cffa06 100644
--- a/src_assets/common/assets/web/pin.html
+++ b/src_assets/common/assets/web/pin.html
@@ -11,8 +11,8 @@
     <h1 class="my-4">{{ $t('pin.pin_pairing') }}</h1>
     <form action="" class="form d-flex flex-column align-items-center" id="form">
       <div class="card flex-column d-flex p-4 mb-4">
-        <input type="number" pattern="\d*"  placeholder="PIN" autofocus id="pin-input" class="form-control mt-2" />
-        <input type="text" placeholder="Name (optional)" id="name-input" class="form-control my-4" />
+        <input type="number" pattern="\d*" placeholder="PIN" autofocus id="pin-input" class="form-control mt-2" required />
+        <input type="text" placeholder="Device Name" id="name-input" class="form-control my-4" required />
         <button class="btn btn-primary">{{ $t('pin.send') }}</button>
       </div>
       <div class="alert alert-warning">