diff --git a/plugins/api-docs/src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx b/plugins/api-docs/src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx
index 01e2ac33a7..2f64c4b2ab 100644
--- a/plugins/api-docs/src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx
+++ b/plugins/api-docs/src/components/AsyncApiDefinitionWidget/AsyncApiDefinitionWidget.tsx
@@ -48,7 +48,7 @@ const useStyles = makeStyles(theme => ({
       border: `1px solid ${fade(theme.palette.primary.main, 0.5)}`,
       '&:hover': {
         textDecoration: 'none',
-        '&$disabled': {
+        '&.Mui-disabled': {
           backgroundColor: 'transparent',
         },
         border: `1px solid ${theme.palette.primary.main}`,
@@ -61,7 +61,7 @@ const useStyles = makeStyles(theme => ({
           backgroundColor: 'transparent',
         },
       },
-      '&$disabled': {
+      '&.Mui-disabled': {
         color: theme.palette.action.disabled,
       },
     },