Index: sources/gui/qml/components/SliderArrows.qml
===================================================================
diff -u -r828e0b187e2fa3f75d769938bede41ef34683493 -r8d7f8d2ac6620e92ab3cd239d7d8641113ea3e53
--- sources/gui/qml/components/SliderArrows.qml	(.../SliderArrows.qml)	(revision 828e0b187e2fa3f75d769938bede41ef34683493)
+++ sources/gui/qml/components/SliderArrows.qml	(.../SliderArrows.qml)	(revision 8d7f8d2ac6620e92ab3cd239d7d8641113ea3e53)
@@ -29,15 +29,17 @@
     signal incrementValue()
     signal decrementValue()
 
-    width       : 200
-    height      : parent.height
+    width       : (Variables.sliderAdjustButtonDiameter * 2 + Variables.sliderAdjustButtonSpacing) // total width with 2 buttons and space in between
+    height      : Variables.sliderAdjustButtonDiameter
     anchors.leftMargin      : Variables.sliderAdjustButtonSpacing
     spacing                 : Variables.sliderAdjustButtonSpacing
 
     TouchRect { id: _decrementValueButton
         width: Variables.sliderAdjustButtonDiameter
         height: Variables.sliderAdjustButtonDiameter
         radius: Variables.sliderAdjustButtonDiameter
+        border.color: _adjustValueButtonsContainer.enabled ? Colors.sliderBorderActive : Colors.sliderBorderInactive
+        anchors.verticalCenter: parent.verticalCenter
 
         Image { id: _decrementArrowImage
             anchors.centerIn: parent
@@ -59,6 +61,8 @@
         width: Variables.sliderAdjustButtonDiameter
         height: Variables.sliderAdjustButtonDiameter
         radius: Variables.sliderAdjustButtonDiameter
+        border.color: _adjustValueButtonsContainer.enabled ? Colors.sliderBorderActive : Colors.sliderBorderInactive
+        anchors.verticalCenter: parent.verticalCenter
 
         Image { id: _incrementArrowImage
             anchors.centerIn: parent