Index: sources/gui/qml/components/MuteButton.qml
===================================================================
diff -u -r45ce6e781782be5de1480a1e7acecd1d272bcc84 -rcd769413344091cea88a30861b49188c8c147cba
--- sources/gui/qml/components/MuteButton.qml	(.../MuteButton.qml)	(revision 45ce6e781782be5de1480a1e7acecd1d272bcc84)
+++ sources/gui/qml/components/MuteButton.qml	(.../MuteButton.qml)	(revision cd769413344091cea88a30861b49188c8c147cba)
@@ -28,7 +28,7 @@
 
     color: Colors.transparent
     borderColor: Colors.white
-
+    touchExpanding: 25
     Row {
         anchors.fill: _root
         leftPadding: 10
Index: sources/gui/qml/components/NotificationBar.qml
===================================================================
diff -u -r1d43ff790e6a3fb03d371bb5bde9c2d432d299b6 -rcd769413344091cea88a30861b49188c8c147cba
--- sources/gui/qml/components/NotificationBar.qml	(.../NotificationBar.qml)	(revision 1d43ff790e6a3fb03d371bb5bde9c2d432d299b6)
+++ sources/gui/qml/components/NotificationBar.qml	(.../NotificationBar.qml)	(revision cd769413344091cea88a30861b49188c8c147cba)
@@ -31,6 +31,7 @@
     property alias iconVisible      : _icon.visible
     property bool  enableMute       : true
 
+    clip    : true // the mute button expands so we need to clip the outside unwanted area.
     visible : _text.text
     height  : Variables.notificationHeight
     color   : Colors.textNotificationNoneBg
Index: sources/gui/qml/components/TouchRect.qml
===================================================================
diff -u -rb62ab443e75b76a91e35aca6ba2efd84e7199602 -rcd769413344091cea88a30861b49188c8c147cba
--- sources/gui/qml/components/TouchRect.qml	(.../TouchRect.qml)	(revision b62ab443e75b76a91e35aca6ba2efd84e7199602)
+++ sources/gui/qml/components/TouchRect.qml	(.../TouchRect.qml)	(revision cd769413344091cea88a30861b49188c8c147cba)
@@ -40,6 +40,8 @@
     property color borderColor      : Colors.borderButton
     property color backgroundColor  : Colors.backgroundButtonNormal
 
+    property int   touchExpanding   : 0
+
     signal clicked
 
     onDurationChanged: {
@@ -98,7 +100,8 @@
     }
 
     MouseArea { id: _mouseArea
-        anchors.fill: parent
+        anchors.fill    : parent
+        anchors.margins : touchExpanding * -1
         onClicked   : {
             if ( disabled ) { return }
             if (selectable) {
Index: sources/gui/qml/dialogs/NotificationDialog.qml
===================================================================
diff -u -r1d43ff790e6a3fb03d371bb5bde9c2d432d299b6 -rcd769413344091cea88a30861b49188c8c147cba
--- sources/gui/qml/dialogs/NotificationDialog.qml	(.../NotificationDialog.qml)	(revision 1d43ff790e6a3fb03d371bb5bde9c2d432d299b6)
+++ sources/gui/qml/dialogs/NotificationDialog.qml	(.../NotificationDialog.qml)	(revision cd769413344091cea88a30861b49188c8c147cba)
@@ -60,6 +60,7 @@
         height  : Variables.mainMenuHeight
         width   : _root.width
         radius  : _root.radius
+        clip    : true // the mute button expands so we need to clip the outside unwanted area.
 
         Image {
             id: _icon