diff --git a/example/example.html b/example/example.html
index 5f280eb..03d08cb 100644
--- a/example/example.html
+++ b/example/example.html
@@ -57,7 +57,7 @@
                                 </div>
                                 <div>
                                     <label for="line">Line Height</label>
-                                    <input type="range" id="line" name="line" value="1.5" min="0" max="4" step="0.5">
+                                    <input type="range" id="line" name="line" value="1.5" min="0" max="3" step="0.5">
                                 </div>
                             </div>
                             <div class="grid">
@@ -67,7 +67,7 @@
                                 </div>
                                 <div>
                                     <label for="spacing">Element Spacing</label>
-                                    <input type="range" id="spacing" name="spacing" min="0" max="4" step="0.05" value="1" list="tickmarks">
+                                    <input type="range" id="spacing" name="spacing" min="0" max="2" step="0.05" value="1" list="tickmarks">
                                 </div>
                             </div>
                             <div>
diff --git a/src/grayscale.css b/src/grayscale.css
index 5b1f8d5..9a5959a 100644
--- a/src/grayscale.css
+++ b/src/grayscale.css
@@ -148,7 +148,7 @@ input {
     height: calc(var(--size) * 3);
     border: 1px solid var(--theme);
     border-radius: var(--radius);
-    padding: var(--space);
+    padding: clamp(.5rem, var(--space), 2rem);
     margin-bottom: var(--space);
     margin-right: var(--space);
 }