diff --git a/web-src/src/components/ModalDialogRemotePairing.vue b/web-src/src/components/ModalDialogRemotePairing.vue
index 0a4623d4..1e8077af 100644
--- a/web-src/src/components/ModalDialogRemotePairing.vue
+++ b/web-src/src/components/ModalDialogRemotePairing.vue
@@ -19,6 +19,7 @@
                       v-model="pairing_req.pin"
                       class="input"
                       type="text"
+                      pattern="[\d]{4}"
                       :placeholder="$t('dialog.remote-pairing.pairing-code')"
                     />
                   </div>
diff --git a/web-src/src/pages/PageSettingsRemotesOutputs.vue b/web-src/src/pages/PageSettingsRemotesOutputs.vue
index aa5eee95..e3a067c4 100644
--- a/web-src/src/pages/PageSettingsRemotesOutputs.vue
+++ b/web-src/src/pages/PageSettingsRemotesOutputs.vue
@@ -19,6 +19,7 @@
                   v-model="pairing_req.pin"
                   class="input"
                   type="text"
+                  pattern="[\d]{4}"
                   :placeholder="$t('page.settings.devices.pairing-code')"
                 />
               </div>
@@ -74,6 +75,7 @@
                   v-model="verification_req.pin"
                   class="input"
                   type="text"
+                  pattern="[\d]{4}"
                   :placeholder="$t('page.settings.devices.verification-code')"
                 />
               </div>