diff --git a/examples/zoomslider.html b/examples/zoomslider.html
index cdb173dc33..a77c2c2273 100644
--- a/examples/zoomslider.html
+++ b/examples/zoomslider.html
@@ -19,15 +19,22 @@
 #map2 .ol-zoomslider {
   background-color: transparent;
   top: 34px;
-  left: 9px;
-  width: 24px;
 }
 #map2 .ol-zoomslider-thumb {
-  border-radius: 2px;
-  width: 24px;
   height: 12px;
 }
 
+#map2 .ol-touch .ol-zoom a.ol-zoom-out {
+  margin-top: 212px;
+}
+#map2 .ol-touch .ol-zoomslider {
+  top: 42px;
+  height: 210px;
+}
+#map2 .ol-touch .ol-zoomslider-thumb {
+  height: 20px;
+}
+
 /**
  * The zoomslider in the third map shall be horizontal, placed in the top-right
  * corner, smaller and orange.