diff --git a/shell/Ui/CardIconButton.qml b/shell/Ui/CardIconButton.qml
index c4ec7b2..7bd6865 100644
--- a/shell/Ui/CardIconButton.qml
+++ b/shell/Ui/CardIconButton.qml
@@ -13,7 +13,7 @@ Rectangle {
   radius: Style.cardRadius
   color: root.active
     ? Color.accent
-    : (hover.hovered ? Util.alpha(Color.blue, 0.25) : "transparent")
+    : (hover.hovered ? Util.alpha(Color.blue, 0.3) : Util.alpha(Color.foreground, 0.1))
 
   Text {
     anchors.centerIn: parent
diff --git a/shell/plugins/panels/quick-settings/Tile.qml b/shell/plugins/panels/quick-settings/Tile.qml
index c9efb20..a96532d 100644
--- a/shell/plugins/panels/quick-settings/Tile.qml
+++ b/shell/plugins/panels/quick-settings/Tile.qml
@@ -15,7 +15,9 @@ Rectangle {
   radius: Style.cardRadius
   color: root.active
     ? Color.accent
-    : (hover.hovered ? Util.alpha(Color.blue, 0.25) : Util.alpha(Color.background, Style.cardFillAlpha))
+    : (hover.hovered ? Util.alpha(Color.blue, 0.3) : Util.alpha(Color.foreground, 0.1))
+  border.width: 1
+  border.color: root.active ? Color.accent : Util.alpha(Color.foreground, 0.2)
 
   Behavior on color {
     ColorAnimation { duration: 150 }