diff --git a/packages/core/src/components/range/test/basic/index.html b/packages/core/src/components/range/test/basic/index.html
index a1bebe1f2c..5061c1bab0 100644
--- a/packages/core/src/components/range/test/basic/index.html
+++ b/packages/core/src/components/range/test/basic/index.html
@@ -48,15 +48,15 @@
             Dynamic Value
           </ion-list-header>
           <ion-item>
-            <ion-range color="secondary" id="progressValue"></ion-range>
+            <ion-range pin="true" color="secondary" id="progressValue"></ion-range>
             <div id="progressValueResult" slot="end"></div>
           </ion-item>
           <ion-item>
-            <ion-range color="danger" id="brightnessValue"></ion-range>
+            <ion-range pin="true" color="danger" id="brightnessValue"></ion-range>
             <div id="brightnessValueResult" slot="end"></div>
           </ion-item>
           <ion-item>
-            <ion-range color="dark" id="contrastValue"></ion-range>
+            <ion-range pin="true" color="dark" id="contrastValue"></ion-range>
             <div id="contrastValueResult" slot="end"></div>
           </ion-item>
           <ion-button onclick="increaseRangeValues()">