diff --git a/data/www/script.js b/data/www/script.js
index c36436f..5215086 100644
--- a/data/www/script.js
+++ b/data/www/script.js
@@ -11079,7 +11079,7 @@ class Form extends __WEBPACK_IMPORTED_MODULE_1__core_Component__["a" /* default
 
     formRowTpl(data) {
         return `
-            <div class="form-row">
+            <div class="form-row wrapped">
                 <label for="${data.name}">${data.label}</label>
                 <input type="${data.fieldType}" name="${data.name}" id="${data.name}" value="${data.value}"><br>
             </div>
diff --git a/data/www/styles.css b/data/www/styles.css
index 403b7a9..56f95d5 100644
--- a/data/www/styles.css
+++ b/data/www/styles.css
@@ -235,6 +235,14 @@ form .form-row input[type="checkbox"] {
     flex: 3;
   }
 }
+@media screen and (max-width: 460px) {
+  form .form-row.wrapped {
+    display: block;
+  }
+  form .form-row.wrapped * {
+    display: block;
+  }
+}
 @media screen and (min-width: 992px) {
   form .form-row > input,
   form .form-row > span {
@@ -249,7 +257,7 @@ form .form-row input[type="checkbox"] {
 }
 .sui input[type="text"],
 .sui input[type="password"] {
-  height: 16px;
+  height: 32px;
   background: transparent;
   border: none;
   color: #eeeeee;