diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 108defb7..c8f48594 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -268,9 +268,13 @@
 
                                 <!-- HTTP Basic Auth -->
                                 <h4 class="mt-5 mb-2">{{ $t("HTTP Basic Auth") }}</h4>
+
                                 <div class="my-3">
                                     <label for="basicauth" class="form-label">{{ $t("Username") }}</label>
                                     <input id="basicauth-user" v-model="monitor.basic_auth_user" type="text" class="form-control" :placeholder="$t('Username')">
+                                </div>
+
+                                <div class="my-3">
                                     <label for="basicauth" class="form-label">{{ $t("Password") }}</label>
                                     <input id="basicauth-pass" v-model="monitor.basic_auth_pass" type="password" class="form-control" :placeholder="$t('Password')">
                                 </div>