diff --git a/examples/content/Styles.qml b/examples/content/Styles.qml
index d28b560afbc4bda35ceb8e2070b3c4cc909e1c98..44a3ddca48f9987b8efeee64ce01c9ae0110f732 100644
--- a/examples/content/Styles.qml
+++ b/examples/content/Styles.qml
@@ -140,8 +140,9 @@ Item {
     // Style delegates:
 
     property Component buttonStyle: ButtonStyle {
+        implicitHeight: 20
+        implicitWidth: 100
         background: Rectangle {
-            width: 100; height:20
             color: control.pressed ? "darkGray" : "lightGray"
             antialiasing: true
             border.color: "gray"
@@ -161,10 +162,12 @@ Item {
     }
 
     property Component sliderStyle: SliderStyle {
+        implicitWidth: 100
+        implicitHeight: 20
 
         handle: Rectangle {
-            width: 10
-            height:20
+            width: 14
+            height: 14
             color: control.pressed ? "darkGray" : "lightGray"
             border.color: "gray"
             antialiasing: true
@@ -172,8 +175,7 @@ Item {
         }
 
         background: Rectangle {
-            implicitWidth: 100
-            implicitHeight: 8
+            height: 8
             antialiasing: true
             color: "darkGray"
             border.color: "gray"
diff --git a/src/styles/SliderStyle.qml b/src/styles/SliderStyle.qml
index 64c1dbccb34a9f950afd283b49afca34346d9997..a8ccef9cea8ebd7f9c7b37e753fbf05f5ee687f6 100644
--- a/src/styles/SliderStyle.qml
+++ b/src/styles/SliderStyle.qml
@@ -90,7 +90,7 @@ Item {
         id: backgroundControl
         sourceComponent: background
         width: parent.width
-        anchors.fill: parent
+        anchors.verticalCenter: parent.verticalCenter
     }
 
     Loader {