diff --git a/extensions/chromium/options/options.html b/extensions/chromium/options/options.html
index bd18c2456..21468b20e 100644
--- a/extensions/chromium/options/options.html
+++ b/extensions/chromium/options/options.html
@@ -33,12 +33,25 @@ body {
 .checkbox label input {
   flex-shrink: 0;
 }
+input:invalid {
+  border-color: #f44;
+  outline-color: #f44;
+}
 </style>
 </head>
 <body>
 <div id="settings-boxes"></div>
 <button id="reset-button" type="button">Restore default settings</button>
 
+<template id="number-template">
+<div class="settings-row">
+  <label>
+    <span></span>
+    <input type="number" min="0" max="" step="any" value="" placeholder="0">
+  </label>
+</div>
+</template>
+
 <template id="checkbox-template">
 <div class="settings-row checkbox">
   <label>
diff --git a/extensions/chromium/options/options.js b/extensions/chromium/options/options.js
index 594bcf695..5fbece4be 100644
--- a/extensions/chromium/options/options.js
+++ b/extensions/chromium/options/options.js
@@ -94,6 +94,17 @@ Promise.all([
           prefSchema.title,
           prefSchema.description
         );
+      } else if (prefName === "defaultZoomDelay") {
+        renderPreference = renderNumberPref(
+          true,
+          prefSchema.title,
+          prefSchema.description,
+          prefName,
+          "10",
+          "60000",
+          "1",
+          String(prefSchema.default)
+        );
       } else {
         // Should NEVER be reached. Only happens if a new type of preference is
         // added to the storage manifest.
@@ -151,6 +162,56 @@ function importTemplate(id) {
 // Helpers to create UI elements that display the preference, and return a
 // function which updates the UI with the preference.
 
+function renderNumberPref(
+  integer,
+  shortDescription,
+  description,
+  prefName,
+  min,
+  max,
+  step,
+  placeholder
+) {
+  var wrapper = importTemplate("number-template");
+  var intOnly = integer;
+  var numberInput = wrapper.querySelector("input");
+  numberInput.min = min;
+  numberInput.max = max;
+  numberInput.step = step;
+  numberInput.placeholder = placeholder;
+  numberInput.oninput = function () {
+    numberInput.setCustomValidity(
+      intOnly && !Number.isInteger(numberInput.valueAsNumber)
+        ? "Integers only!"
+        : ""
+    );
+    numberInput.reportValidity();
+  };
+  numberInput.onchange = function () {
+    var numberValue = this.valueAsNumber;
+    var valid =
+      numberInput.checkValidity() &&
+      (!intOnly || Number.isInteger(numberValue));
+    numberInput.setCustomValidity(
+      valid ? "" : "Invalid value will not be saved!"
+    );
+    if (!valid) {
+      return;
+    }
+    var pref = {};
+    pref[prefName] = numberValue;
+    storageArea.set(pref);
+  };
+  wrapper.querySelector("span").textContent = shortDescription;
+  wrapper.querySelector("label").title = description;
+  document.getElementById("settings-boxes").append(wrapper);
+
+  function renderPreference(value) {
+    numberInput.valueAsNumber = value;
+  }
+  return renderPreference;
+}
+
 function renderBooleanPref(shortDescription, description, prefName) {
   var wrapper = importTemplate("checkbox-template");
   var checkbox = wrapper.querySelector('input[type="checkbox"]');
