diff --git a/modules/bar/Mpris.qml b/modules/bar/Mpris.qml
index 6fc2fed..aa62b9a 100644
--- a/modules/bar/Mpris.qml
+++ b/modules/bar/Mpris.qml
@@ -8,7 +8,7 @@ Rectangle {
     id: container
     visible: root.spotify != null
     radius: implicitHeight / 2
-    color: Colors.color8
+    color: clickHandler.containsMouse ? Colors.color5 : Colors.color6
     anchors.verticalCenter: parent.verticalCenter
     implicitWidth: root.implicitWidth + 20
     implicitHeight: Settings.config.barHeight - 10
diff --git a/modules/notifications/NotificationCard.qml b/modules/notifications/NotificationCard.qml
index 14d9371..1ef56dd 100644
--- a/modules/notifications/NotificationCard.qml
+++ b/modules/notifications/NotificationCard.qml
@@ -10,8 +10,7 @@ Rectangle {
     required property var modelData
     implicitWidth: ListView.view ? ListView.view.width : 300
     implicitHeight: fullLayout.implicitHeight + 20
-    color: Colors.background
-    border.color: dismissArea.containsMouse ? Colors.foreground : Colors.color8
+    color: dismissArea.containsMouse ? Colors.color5 : Colors.color6
     radius: 22
     Timer {
         id: dismissTimer