diff --git a/example/index.html b/example/index.html
index 2a83476..833a6b8 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,7 +1,8 @@
-
+
+
diff --git a/example/scss/index.scss b/example/scss/index.scss
index 143d1e4..92da23e 100644
--- a/example/scss/index.scss
+++ b/example/scss/index.scss
@@ -1,10 +1,12 @@
.form {
- height: 200px;
margin: 0 auto;
- padding-top: 100px;
- width: 60%;
+ padding: 100px 30px 0;
+
+ @media (min-width: 800px) {
+ max-width: 60%;
+ }
}
.input-range {
- margin-bottom: 10rem;
+ margin-bottom: 160px;
}
diff --git a/src/scss/input-range/_input-range-slider.scss b/src/scss/input-range/_input-range-slider.scss
index fe40ec3..2eb0d3c 100644
--- a/src/scss/input-range/_input-range-slider.scss
+++ b/src/scss/input-range/_input-range-slider.scss
@@ -31,5 +31,6 @@
}
.input-range__slider-container {
+ transform: translateZ(0px);
transition: $input-range-slider-container-transition;
}