diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 3023c6a2fa..1d4fc8c3f8 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2533,8 +2533,7 @@ input[type="range"] {
   -webkit-align-items: center;
   -moz-align-items: center;
   align-items: center;
-  padding: 4px;
-  max-width: 320px; }
+  padding: 2px 4px; }
 
 .range .icon {
   -webkit-box-flex: 0;
diff --git a/scss/_range.scss b/scss/_range.scss
index 53e45850ca..c101bfed18 100644
--- a/scss/_range.scss
+++ b/scss/_range.scss
@@ -48,8 +48,7 @@ input[type="range"] {
 .range {
   @include display-flex();
   @include align-items(center);
-  padding: 4px;
-  max-width: $range-max-width;
+  padding: 2px 4px;
 }
 
 .range .icon {
diff --git a/test/input-range.html b/test/input-range.html
index 3cc94b5424..a742efed6c 100644
--- a/test/input-range.html
+++ b/test/input-range.html
@@ -27,6 +27,14 @@
           <i class="icon ion-volume-high"></i>
         </div>
 
+        <div class="list card">
+          <div class="item range">
+            <i class="icon ion-volume-low"></i>
+            <input type="range" name="awesomeness" min="0" max="10" value="10">
+            <i class="icon ion-volume-high"></i>
+          </div>          
+        </div>
+
         <div class="padding">
           <p><a class="button button-secondary" href="index.html">Homepage</a></p>
         </div>