diff --git a/macrovision.css b/macrovision.css
index f4757cda..e873854f 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -148,16 +148,19 @@ body {
 
 .options-row .options-field-numeric {
     flex: 2;
+    width: 100%;
     font-size: 150%;
 }
 
 .options-row .options-field-text {
     flex: 1;
+    width: 100%;
     font-size: 150%;
 }
 
 .options-row .options-field-unit {
     flex: 1;
+    width: 100%;
     font-size: 150%;
 }
 
diff --git a/macrovision.js b/macrovision.js
index f3a35138..2c26d0d4 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -403,6 +403,8 @@ function configViewOptions(entity, view) {
         const input = document.createElement("input");
         input.classList.add("options-field-numeric");
         input.id = "options-view-" + key + "-input";
+        input.setAttribute("type", "number");
+        input.setAttribute("min", 1);
 
         input.value = entity.views[view][key].value;