From 34eeaec026659d40d3bfcd6bb968a4b028177a91 Mon Sep 17 00:00:00 2001
From: DiegoAndai <diego@mui.com>
Date: Wed, 11 Sep 2024 17:54:23 -0300
Subject: [PATCH] Apply fix to the colored buttons as well

---
 packages/mui-material/src/IconButton/IconButton.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/mui-material/src/IconButton/IconButton.js b/packages/mui-material/src/IconButton/IconButton.js
index 20dd25ed775f28..af323bd55ff756 100644
--- a/packages/mui-material/src/IconButton/IconButton.js
+++ b/packages/mui-material/src/IconButton/IconButton.js
@@ -55,7 +55,7 @@ const IconButtonRoot = styled(ButtonBase, {
     }),
     variants: [
       {
-        props: (props) => !props.disableRipple,
+        props: (props) => !props.color && !props.disableRipple,
         style: {
           '&:hover': {
             backgroundColor: theme.vars
@@ -113,7 +113,7 @@ const IconButtonRoot = styled(ButtonBase, {
       ...Object.entries(theme.palette)
         .filter(createSimplePaletteValueFilter()) // check all the used fields in the style below
         .map(([color]) => ({
-          props: { color, disableRipple: false },
+          props: (props) => props.color === color && !props.disableRipple,
           style: {
             '&:hover': {
               backgroundColor: theme.vars