diff --git a/ckanext/geoview/public/css/wmts_preview.css b/ckanext/geoview/public/css/wmts_preview.css
index 6d322402..8afc2262 100644
--- a/ckanext/geoview/public/css/wmts_preview.css
+++ b/ckanext/geoview/public/css/wmts_preview.css
@@ -11,42 +11,20 @@ html, body {
   height: 100%;
 }
 
-#map .table{
-  width: 300px;
-}
-
-#map label {
-  font-weight: normal;
-}
-
-#map label:after {
-  content: none;
-}
-
-#map input {
-  width: auto;
-  top: auto;
-}
-
 .leaflet-control-layers {
-  box-shadow: 0 1px 7px rgba(0,0,0,0.4);
-  background: #f8f8f9;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  overflow: auto;
   max-height: 200px;
+  overflow-y: hidden;
 }
 
 .ui-opacity {
-  box-shadow: 0 0 8px rgba(0,0,0,0.4);
   background: rgba(255, 255, 255, 0.8);
   position: absolute;
-  left: 13px;
-  top: 70px;
+  left: 14px;
+  top: 80px;
   height: 200px;
   width: 22px;
-  border: 1px solid #888;
-  border-radius: 5px;
+  border: 2px solid rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
   z-index: 1000;
  }
 
diff --git a/ckanext/geoview/public/js/wmts_preview.js b/ckanext/geoview/public/js/wmts_preview.js
index 6f8fbe55..fc5a8d96 100644
--- a/ckanext/geoview/public/js/wmts_preview.js
+++ b/ckanext/geoview/public/js/wmts_preview.js
@@ -140,7 +140,7 @@ ckan.module('wmtspreview', function (jQuery, _) {
       L.DomEvent.disableClickPropagation(container);
 
       // Opacity control for desktop
-      if (!L.Browser.touch) {
+      if (!L.Browser.mobile) {
 	var outer = $('<div id="control" class="ui-opacity">');
 	var inner = $('<div id="handle" class="handle">');
 	var start = false;