diff --git a/web/share/css/slider.css b/web/share/css/slider.css
index db743289..665339d6 100644
--- a/web/share/css/slider.css
+++ b/web/share/css/slider.css
@@ -20,26 +20,23 @@
 *****************************************************************************/
 
 
-@supports (-webkit-appearance:none) {
+input[type=range] {
+	cursor: pointer;
+	outline: none;
+	width: 100%;
+	box-shadow: none;
+	background: transparent;
+}
+@supports (-webkit-locale: auto) { /* WebKit only */
 	input[type=range] {
-		cursor: pointer;
-		outline: none;
-		width: 100%;
-		box-shadow: none;
-		background: transparent;
 		margin: 8px 0 8px 0;
 		-webkit-appearance: none;
 		-webkit-tap-highlight-color: transparent;
 	}
 }
-@supports not (-webkit-appearance:none) {
+@supports not (-webkit-locale: auto) { /* Firefox */
 	input[type=range] {
-		cursor: pointer;
-		outline: none;
-		width: 100%;
-		box-shadow: none;
-		margin-left: 0;
-		margin-right: 0;
+		margin: 1px 0 1px 0;
 	}
 }
 input[type=range]:disabled {
@@ -81,8 +78,8 @@ input[type=range]:disabled::-moz-range-track {
 
 input[type=range]::-moz-range-thumb {
 	border: var(--border-intensive-2px);
-	height: 18px;
-	width: 18px;
+	height: 14px;
+	width: 14px;
 	border-radius: 25px;
 	background: var(--cs-thumb-default-bg);
 }
diff --git a/web/share/css/x-mobile.css b/web/share/css/x-mobile.css
index dfb8b1a7..46d0b5ea 100644
--- a/web/share/css/x-mobile.css
+++ b/web/share/css/x-mobile.css
@@ -91,7 +91,7 @@ ul#navbar li a.menu-button:hover:not(.active) {
 /* ===== slider.css ===== */
 
 /*@media only screen and (orientation: portrait) {
-	@supports (-webkit-appearance: none) {
+	@supports (-webkit-locale: auto) {
 		input[type=range] {
 			margin: 20px 0 20px 0 !important;
 		}