diff --git a/src/mainview/components/CallActionBar.qml b/src/mainview/components/CallActionBar.qml
index 8aad215200fa16d981e9044f1154c3d1e78e0143..ccfa1022ce2dfd3b681dd1da8f8ee53b28d77db2 100644
--- a/src/mainview/components/CallActionBar.qml
+++ b/src/mainview/components/CallActionBar.qml
@@ -425,10 +425,10 @@ Control {
                     implicitHeight: implicitWidth
                     radius: type === HalfPill.None ? 0 : 5
                     color: overflowButton.down ?
-                               "#80aaaaaa" :
+                               "#c4777777":
                                overflowButton.hovered ?
-                                   "#80777777" :
-                                   "#80444444"
+                                   "#c4444444" :
+                                   "#c4272727"
                     type: {
                         if (overflowItemListView.count ||
                                 urgentOverflowListView.count ||
diff --git a/src/mainview/components/CallButtonDelegate.qml b/src/mainview/components/CallButtonDelegate.qml
index cefa29f9228519d61e3fa6559ca9b9f6b11224e3..786f7e344c1abc829b8ff1302dee22e4fb276eca 100644
--- a/src/mainview/components/CallButtonDelegate.qml
+++ b/src/mainview/components/CallButtonDelegate.qml
@@ -59,8 +59,11 @@ ItemDelegate {
         color: {
             if (supplimentaryBackground.visible)
                 return "#c4272727"
-            return wrapper.down ? "#c4777777" : wrapper.hovered
-                                  && !menu.hovered ? "#c4444444" : "#c4272727"
+            return wrapper.down ?
+                        "#c4777777" :
+                        (wrapper.hovered && !menu.hovered) ?
+                            "#c4444444" :
+                            "#c4272727"
         }
         type: {
             if (isVertical) {