diff --git a/packages/mui-material/src/IconButton/IconButton.test.js b/packages/mui-material/src/IconButton/IconButton.test.js
index 888c62188afa57..765c9002211ad8 100644
--- a/packages/mui-material/src/IconButton/IconButton.test.js
+++ b/packages/mui-material/src/IconButton/IconButton.test.js
@@ -154,41 +154,41 @@ describe('<IconButton />', () => {
     expect(getByTestId('icon-button')).toHaveComputedStyle({ backgroundColor: 'rgba(0, 0, 0, 0)' });
   });
 
-  it('should disableRipple if set in MuiButtonBase', async () => {
-    const { container, getByRole } = render(
+  it('should not throw error for a custom color', () => {
+    expect(() => (
       <ThemeProvider
         theme={createTheme({
           components: {
-            MuiButtonBase: {
+            MuiIconButton: {
               defaultProps: {
-                disableRipple: true,
+                color: 'custom',
               },
             },
           },
         })}
       >
-        <IconButton TouchRippleProps={{ className: 'touch-ripple' }}>book</IconButton>,
-      </ThemeProvider>,
-    );
-    await ripple.startTouch(getByRole('button'));
-    expect(container.querySelector('.touch-ripple')).to.equal(null);
+        <IconButton />
+      </ThemeProvider>
+    )).not.to.throw();
   });
 
-  it('should not throw error for a custom color', () => {
-    expect(() => (
+  it('should disableRipple if set in MuiButtonBase', async () => {
+    const { container, getByRole } = render(
       <ThemeProvider
         theme={createTheme({
           components: {
-            MuiIconButton: {
+            MuiButtonBase: {
               defaultProps: {
-                color: 'custom',
+                disableRipple: true,
               },
             },
           },
         })}
       >
-        <IconButton />
-      </ThemeProvider>
-    )).not.to.throw();
+        <IconButton TouchRippleProps={{ className: 'touch-ripple' }}>book</IconButton>,
+      </ThemeProvider>,
+    );
+    await ripple.startTouch(getByRole('button'));
+    expect(container.querySelector('.touch-ripple')).to.equal(null);
   });
 });