diff --git a/src/lib/components/buttons/IconButton/IconButton.tsx b/src/lib/components/buttons/IconButton/IconButton.tsx
index 25d22957..4ad03d36 100644
--- a/src/lib/components/buttons/IconButton/IconButton.tsx
+++ b/src/lib/components/buttons/IconButton/IconButton.tsx
@@ -50,7 +50,7 @@ export const IconButton = (props: IconButtonProps) => {
 
   const styles = getIconButtonStyles(props, theme)
 
-  if (!props.backgroundColor && ambiance) {
+  if (!props.backgroundColor && props.variant === 'secondary' && ambiance) {
     styles.backgroundColor = ambiance.color
     styles.hoverBackgroundColor = ambiance.child.color
   }