diff --git a/Widgets/NIconButton.qml b/Widgets/NIconButton.qml
index 0396abb..40417e6 100644
--- a/Widgets/NIconButton.qml
+++ b/Widgets/NIconButton.qml
@@ -19,8 +19,8 @@ Rectangle {
 
   property color colorBg: Color.mSurfaceVariant
   property color colorFg: Color.mPrimary
-  property color colorBgHover: Color.mPrimary
-  property color colorFgHover: Color.mOnPrimary
+  property color colorBgHover: Color.mTertiary
+  property color colorFgHover: Color.mOnTertiary
   property color colorBorder: Color.mOutline
   property color colorBorderHover: Color.mOutline
 
diff --git a/Widgets/NPill.qml b/Widgets/NPill.qml
index c385406..e3faeaf 100644
--- a/Widgets/NPill.qml
+++ b/Widgets/NPill.qml
@@ -97,7 +97,7 @@ Item {
     width: iconSize
     height: iconSize
     radius: width * 0.5
-    color: hovered && !forceOpen ? Color.mPrimary : Color.mSurfaceVariant
+    color: hovered && !forceOpen ? Color.mTertiary : Color.mSurfaceVariant
     anchors.verticalCenter: parent.verticalCenter
 
     x: rightOpen ? 0 : (parent.width - width)
@@ -112,7 +112,7 @@ Item {
     NIcon {
       icon: root.icon
       font.pointSize: Style.fontSizeM * scaling
-      color: hovered && !forceOpen ? Color.mOnPrimary : Color.mOnSurface
+      color: hovered && !forceOpen ? Color.mOnTertiary : Color.mOnSurface
       // Center horizontally
       x: (iconCircle.width - width) / 2
       // Center vertically accounting for font metrics