diff --git a/web-src/src/components/ModalDialogAddRss.vue b/web-src/src/components/ModalDialogAddRss.vue
index 8a02200e..2bc3efaf 100644
--- a/web-src/src/components/ModalDialogAddRss.vue
+++ b/web-src/src/components/ModalDialogAddRss.vue
@@ -78,7 +78,7 @@ export default {
     show() {
       if (this.show) {
         this.loading = false
-        // We need to delay setting the focus to the input field until the field is part of the dom and visible
+        // Delay setting the focus on the input field until it is part of the DOM and visible
         setTimeout(() => {
           this.$refs.url_field.focus()
         }, 10)
diff --git a/web-src/src/components/ModalDialogAddUrlStream.vue b/web-src/src/components/ModalDialogAddUrlStream.vue
index 4408f3a5..998ebcb3 100644
--- a/web-src/src/components/ModalDialogAddUrlStream.vue
+++ b/web-src/src/components/ModalDialogAddUrlStream.vue
@@ -85,7 +85,7 @@ export default {
     show() {
       if (this.show) {
         this.loading = false
-        // We need to delay setting the focus to the input field until the field is part of the dom and visible
+        // Delay setting the focus on the input field until it is part of the DOM and visible
         setTimeout(() => {
           this.$refs.url_field.focus()
         }, 10)
diff --git a/web-src/src/components/ModalDialogPlaylistSave.vue b/web-src/src/components/ModalDialogPlaylistSave.vue
index 33618cb2..9e14b366 100644
--- a/web-src/src/components/ModalDialogPlaylistSave.vue
+++ b/web-src/src/components/ModalDialogPlaylistSave.vue
@@ -80,8 +80,7 @@ export default {
     show() {
       if (this.show) {
         this.loading = false
-
-        // We need to delay setting the focus to the input field until the field is part of the dom and visible
+        // Delay setting the focus on the input field until it is part of the DOM and visible
         setTimeout(() => {
           this.$refs.playlist_name_field.focus()
         }, 10)
diff --git a/web-src/src/components/ModalDialogRemotePairing.vue b/web-src/src/components/ModalDialogRemotePairing.vue
index ef694802..d03e3395 100644
--- a/web-src/src/components/ModalDialogRemotePairing.vue
+++ b/web-src/src/components/ModalDialogRemotePairing.vue
@@ -14,7 +14,7 @@
                     ref="pin_field"
                     v-model="pairing_req.pin"
                     class="input"
-                    type="text"
+                    inputmode="numeric"
                     pattern="[\d]{4}"
                     :placeholder="$t('dialog.remote-pairing.pairing-code')"
                   />
@@ -76,8 +76,7 @@ export default {
     show() {
       if (this.show) {
         this.loading = false
-
-        // We need to delay setting the focus to the input field until the field is part of the dom and visible
+        // Delay setting the focus on the input field until it is part of the DOM and visible
         setTimeout(() => {
           this.$refs.pin_field.focus()
         }, 10)
diff --git a/web-src/src/pages/PageSettingsRemotesOutputs.vue b/web-src/src/pages/PageSettingsRemotesOutputs.vue
index 6e35da09..d659a5d0 100644
--- a/web-src/src/pages/PageSettingsRemotesOutputs.vue
+++ b/web-src/src/pages/PageSettingsRemotesOutputs.vue
@@ -6,10 +6,9 @@
         <p class="title is-4" v-text="$t('page.settings.devices.pairing')" />
       </template>
       <template #content>
-        <!-- Paring request active -->
-        <div v-if="pairing.active" class="notification">
+        <div v-if="pairing.active">
           <form @submit.prevent="kickoff_pairing">
-            <label class="label has-text-weight-normal">
+            <label class="label has-text-weight-normal content">
               <span v-text="$t('page.settings.devices.pairing-request')" />
               <b v-text="pairing.remote" />
             </label>
@@ -18,7 +17,7 @@
                 <input
                   v-model="pairing_req.pin"
                   class="input"
-                  type="text"
+                  inputmode="numeric"
                   pattern="[\d]{4}"
                   :placeholder="$t('page.settings.devices.pairing-code')"
                 />
@@ -33,8 +32,7 @@
             </div>
           </form>
         </div>
-        <!-- No pairing requests -->
-        <div v-if="!pairing.active" class="content">
+        <div v-else>
           <p v-text="$t('page.settings.devices.no-active-pairing')" />
         </div>
       </template>
@@ -74,7 +72,7 @@
                 <input
                   v-model="verification_req.pin"
                   class="input"
-                  type="text"
+                  inputmode="numeric"
                   pattern="[\d]{4}"
                   :placeholder="$t('page.settings.devices.verification-code')"
                 />