diff --git a/index.html b/index.html
index 232064eb..ffa0b158 100644
--- a/index.html
+++ b/index.html
@@ -804,24 +804,21 @@
             <tr data-tip="Set state emblems size multiplier">
               <td>State Size</td>
               <td>
-                <input id="styleEmblemsStateSizeInput" data-stored="styleEmblemsStateSize" type="range" min=.1 max=3 step=.01 value=1>
-                <output id="styleEmblemsStateSizeOutput">1</output>
+                <input id="styleEmblemsStateSizeInput" data-stored="styleEmblemsStateSize" type="number" min=0 max=5 step=.02 value=1 />
               </td>
             </tr>
 
             <tr data-tip="Set province emblems size multiplier">
               <td>Province Size</td>
               <td>
-                <input id="styleEmblemsProvinceSizeInput" data-stored="styleEmblemsProvinceSize" type="range" min=.1 max=3 step=.01 value=1>
-                <output id="styleEmblemsProvinceSizeOutput">1</output>
+                <input id="styleEmblemsProvinceSizeInput" data-stored="styleEmblemsProvinceSize" type="number" min=0 max=5 step=.02 value=1 />
               </td>
             </tr>
 
             <tr data-tip="Set burg emblems size multiplier">
               <td>Burg Size</td>
               <td>
-                <input id="styleEmblemsBurgSizeInput" data-stored="styleEmblemsBurgSize" type="range" min=.1 max=3 step=.01 value=1>
-                <output id="styleEmblemsBurgSizeOutput">1</output>
+                <input id="styleEmblemsBurgSizeInput" data-stored="styleEmblemsBurgSize" type="number" min=0 max=5 step=.02 value=1 />
               </td>
             </tr>
 
diff --git a/modules/ui/style.js b/modules/ui/style.js
index 97b766e9..5f04ac17 100644
--- a/modules/ui/style.js
+++ b/modules/ui/style.js
@@ -625,20 +625,9 @@ styleArmiesSize.addEventListener("input", function() {
   });
 });
 
-styleEmblemsStateSizeInput.addEventListener("input", function() {
-  styleEmblemsStateSizeOutput.value = this.value;
-  drawEmblems();
-});
-
-styleEmblemsProvinceSizeInput.addEventListener("input", function() {
-  styleEmblemsProvinceSizeOutput.value = this.value;
-  drawEmblems();
-});
-
-styleEmblemsBurgSizeInput.addEventListener("input", function() {
-  styleEmblemsBurgSizeOutput.value = this.value;
-  drawEmblems();
-});
+styleEmblemsStateSizeInput.addEventListener("input", drawEmblems);
+styleEmblemsProvinceSizeInput.addEventListener("input", drawEmblems);
+styleEmblemsBurgSizeInput.addEventListener("input", drawEmblems);
 
 // request a URL to image to be used as a texture
 function textureProvideURL() {