diff --git a/src/declarativeimports/plasmastyle/SliderStyle.qml b/src/declarativeimports/plasmastyle/SliderStyle.qml
--- a/src/declarativeimports/plasmastyle/SliderStyle.qml
+++ b/src/declarativeimports/plasmastyle/SliderStyle.qml
@@ -40,21 +40,24 @@
 
     }
     handle: Item {
-        width: handle.naturalSize.width
-        height: handle.naturalSize.height
+        width: grooveSvg.hasElement("hint-handle-size") ? grooveSvg.elementSize("hint-handle-size").width : handle.width
+        height: grooveSvg.hasElement("hint-handle-size") ? grooveSvg.elementSize("hint-handle-size").height : handle.height
+
         //keep this opaque to not show half highlight beneath
         Private.RoundShadow {
             id: shadow
-            anchors.fill: parent
+            anchors.fill: handle
             imagePath: "widgets/slider"
             focusElement: "horizontal-slider-focus"
             hoverElement: "horizontal-slider-hover"
             shadowElement: "horizontal-slider-shadow"
             state: control.activeFocus ? "focus" : (control.hovered ? "hover" : "shadow")
         }
         PlasmaCore.SvgItem {
             id: handle
-            anchors.fill: parent
+            anchors.centerIn: parent
+            width: naturalSize.width
+            height: naturalSize.height
             svg: grooveSvg
             elementId: "horizontal-slider-handle"
         }
diff --git a/src/desktoptheme/breeze/widgets/slider.svgz b/src/desktoptheme/breeze/widgets/slider.svgz
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001

literal 0
Hc$@<O00001