From d278d4be7461fea9f2f08b8a24f47902133c5531 Mon Sep 17 00:00:00 2001
From: Kai Gritun <kai@kaigritun.com>
Date: Wed, 11 Feb 2026 14:52:32 -0500
Subject: [PATCH 1/6] fix(mui): prevent nested interactive elements in
 navigation buttons

Use Button's component prop to render as LinkComponent directly instead of
nesting Button inside LinkComponent. This fixes an accessibility issue where
button elements were incorrectly nested inside anchor elements.

Affects: CreateButton, EditButton, ShowButton, ListButton, CloneButton

Fixes #7085
---
 .../src/components/buttons/clone/index.tsx    | 34 +++++++--------
 .../src/components/buttons/create/index.tsx   | 36 +++++++---------
 .../mui/src/components/buttons/edit/index.tsx | 42 +++++++++----------
 .../mui/src/components/buttons/list/index.tsx | 34 +++++++--------
 .../mui/src/components/buttons/show/index.tsx | 34 +++++++--------
 5 files changed, 80 insertions(+), 100 deletions(-)

diff --git a/packages/mui/src/components/buttons/clone/index.tsx b/packages/mui/src/components/buttons/clone/index.tsx
index 7b013011a768d..9771d673109fd 100644
--- a/packages/mui/src/components/buttons/clone/index.tsx
+++ b/packages/mui/src/components/buttons/clone/index.tsx
@@ -44,9 +44,10 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
   const { sx, ...restProps } = rest;
 
   return (
-    <LinkComponent
+    <Button
+      component={LinkComponent}
       to={to}
-      replace={false}
+      disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
@@ -57,23 +58,18 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
           onClick(e);
         }
       }}
-      style={{ textDecoration: "none" }}
+      startIcon={!hideText && <AddBoxOutlined {...svgIconProps} />}
+      title={title}
+      sx={{ minWidth: 0, textDecoration: "none", ...sx }}
+      data-testid={RefineButtonTestIds.CloneButton}
+      className={RefineButtonClassNames.CloneButton}
+      {...restProps}
     >
-      <Button
-        disabled={isDisabled}
-        startIcon={!hideText && <AddBoxOutlined {...svgIconProps} />}
-        title={title}
-        sx={{ minWidth: 0, ...sx }}
-        data-testid={RefineButtonTestIds.CloneButton}
-        className={RefineButtonClassNames.CloneButton}
-        {...restProps}
-      >
-        {hideText ? (
-          <AddBoxOutlined fontSize="small" {...svgIconProps} />
-        ) : (
-          children ?? label
-        )}
-      </Button>
-    </LinkComponent>
+      {hideText ? (
+        <AddBoxOutlined fontSize="small" {...svgIconProps} />
+      ) : (
+        children ?? label
+      )}
+    </Button>
   );
 };
diff --git a/packages/mui/src/components/buttons/create/index.tsx b/packages/mui/src/components/buttons/create/index.tsx
index 65b72471067e0..1549105a1f64f 100644
--- a/packages/mui/src/components/buttons/create/index.tsx
+++ b/packages/mui/src/components/buttons/create/index.tsx
@@ -42,9 +42,10 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
   const { sx, ...restProps } = props;
 
   return (
-    <LinkComponent
+    <Button
+      component={LinkComponent}
       to={to}
-      replace={false}
+      disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
@@ -55,24 +56,19 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
           onClick(e);
         }
       }}
-      style={{ textDecoration: "none" }}
+      startIcon={!hideText && <AddBoxOutlined {...svgIconProps} />}
+      title={title}
+      variant="contained"
+      sx={{ minWidth: 0, textDecoration: "none", ...sx }}
+      data-testid={RefineButtonTestIds.CreateButton}
+      className={RefineButtonClassNames.CreateButton}
+      {...restProps}
     >
-      <Button
-        disabled={isDisabled}
-        startIcon={!hideText && <AddBoxOutlined {...svgIconProps} />}
-        title={title}
-        variant="contained"
-        sx={{ minWidth: 0, ...sx }}
-        data-testid={RefineButtonTestIds.CreateButton}
-        className={RefineButtonClassNames.CreateButton}
-        {...restProps}
-      >
-        {hideText ? (
-          <AddBoxOutlined fontSize="small" {...svgIconProps} />
-        ) : (
-          children ?? label
-        )}
-      </Button>
-    </LinkComponent>
+      {hideText ? (
+        <AddBoxOutlined fontSize="small" {...svgIconProps} />
+      ) : (
+        children ?? label
+      )}
+    </Button>
   );
 };
diff --git a/packages/mui/src/components/buttons/edit/index.tsx b/packages/mui/src/components/buttons/edit/index.tsx
index a188eb3c04a18..5b525ff3ed79a 100644
--- a/packages/mui/src/components/buttons/edit/index.tsx
+++ b/packages/mui/src/components/buttons/edit/index.tsx
@@ -43,9 +43,10 @@ export const EditButton: React.FC<EditButtonProps> = ({
   const { sx, ...restProps } = rest;
 
   return (
-    <LinkComponent
+    <Button
+      component={LinkComponent}
       to={to}
-      replace={false}
+      disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
@@ -56,27 +57,22 @@ export const EditButton: React.FC<EditButtonProps> = ({
           onClick(e);
         }
       }}
-      style={{ textDecoration: "none" }}
+      startIcon={
+        !hideText && (
+          <EditOutlined sx={{ selfAlign: "center" }} {...svgIconProps} />
+        )
+      }
+      title={title}
+      sx={{ minWidth: 0, textDecoration: "none", ...sx }}
+      data-testid={RefineButtonTestIds.EditButton}
+      className={RefineButtonClassNames.EditButton}
+      {...restProps}
     >
-      <Button
-        disabled={isDisabled}
-        startIcon={
-          !hideText && (
-            <EditOutlined sx={{ selfAlign: "center" }} {...svgIconProps} />
-          )
-        }
-        title={title}
-        sx={{ minWidth: 0, ...sx }}
-        data-testid={RefineButtonTestIds.EditButton}
-        className={RefineButtonClassNames.EditButton}
-        {...restProps}
-      >
-        {hideText ? (
-          <EditOutlined fontSize="small" {...svgIconProps} />
-        ) : (
-          children ?? label
-        )}
-      </Button>
-    </LinkComponent>
+      {hideText ? (
+        <EditOutlined fontSize="small" {...svgIconProps} />
+      ) : (
+        children ?? label
+      )}
+    </Button>
   );
 };
diff --git a/packages/mui/src/components/buttons/list/index.tsx b/packages/mui/src/components/buttons/list/index.tsx
index f350193ae4660..3f7be4fba9575 100644
--- a/packages/mui/src/components/buttons/list/index.tsx
+++ b/packages/mui/src/components/buttons/list/index.tsx
@@ -41,9 +41,10 @@ export const ListButton: React.FC<ListButtonProps> = ({
   const { sx, ...restProps } = rest;
 
   return (
-    <LinkComponent
+    <Button
+      component={LinkComponent}
       to={to}
-      replace={false}
+      disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
@@ -54,23 +55,18 @@ export const ListButton: React.FC<ListButtonProps> = ({
           onClick(e);
         }
       }}
-      style={{ textDecoration: "none" }}
+      startIcon={!hideText && <ListOutlined {...svgIconProps} />}
+      title={title}
+      sx={{ minWidth: 0, textDecoration: "none", ...sx }}
+      data-testid={RefineButtonTestIds.ListButton}
+      className={RefineButtonClassNames.ListButton}
+      {...restProps}
     >
-      <Button
-        disabled={isDisabled}
-        startIcon={!hideText && <ListOutlined {...svgIconProps} />}
-        title={title}
-        sx={{ minWidth: 0, ...sx }}
-        data-testid={RefineButtonTestIds.ListButton}
-        className={RefineButtonClassNames.ListButton}
-        {...restProps}
-      >
-        {hideText ? (
-          <ListOutlined fontSize="small" {...svgIconProps} />
-        ) : (
-          children ?? label
-        )}
-      </Button>
-    </LinkComponent>
+      {hideText ? (
+        <ListOutlined fontSize="small" {...svgIconProps} />
+      ) : (
+        children ?? label
+      )}
+    </Button>
   );
 };
diff --git a/packages/mui/src/components/buttons/show/index.tsx b/packages/mui/src/components/buttons/show/index.tsx
index ebc80cfe4a202..d36dd217408d8 100644
--- a/packages/mui/src/components/buttons/show/index.tsx
+++ b/packages/mui/src/components/buttons/show/index.tsx
@@ -43,9 +43,10 @@ export const ShowButton: React.FC<ShowButtonProps> = ({
   const { sx, ...restProps } = rest;
 
   return (
-    <LinkComponent
+    <Button
+      component={LinkComponent}
       to={to}
-      replace={false}
+      disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
@@ -56,23 +57,18 @@ export const ShowButton: React.FC<ShowButtonProps> = ({
           onClick(e);
         }
       }}
-      style={{ textDecoration: "none" }}
+      startIcon={!hideText && <VisibilityOutlined {...svgIconProps} />}
+      title={title}
+      sx={{ minWidth: 0, textDecoration: "none", ...sx }}
+      data-testid={RefineButtonTestIds.ShowButton}
+      className={RefineButtonClassNames.ShowButton}
+      {...restProps}
     >
-      <Button
-        disabled={isDisabled}
-        startIcon={!hideText && <VisibilityOutlined {...svgIconProps} />}
-        title={title}
-        sx={{ minWidth: 0, ...sx }}
-        data-testid={RefineButtonTestIds.ShowButton}
-        className={RefineButtonClassNames.ShowButton}
-        {...restProps}
-      >
-        {hideText ? (
-          <VisibilityOutlined fontSize="small" {...svgIconProps} />
-        ) : (
-          children ?? label
-        )}
-      </Button>
-    </LinkComponent>
+      {hideText ? (
+        <VisibilityOutlined fontSize="small" {...svgIconProps} />
+      ) : (
+        children ?? label
+      )}
+    </Button>
   );
 };

From b38da2f5459370dac144658995ed033442866932 Mon Sep 17 00:00:00 2001
From: Kai Gritun <kai@kaigritun.com>
Date: Wed, 11 Feb 2026 14:53:58 -0500
Subject: [PATCH 2/6] chore: add changeset

---
 .changeset/fix-mui-nested-buttons.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/fix-mui-nested-buttons.md

diff --git a/.changeset/fix-mui-nested-buttons.md b/.changeset/fix-mui-nested-buttons.md
new file mode 100644
index 0000000000000..19247a2171954
--- /dev/null
+++ b/.changeset/fix-mui-nested-buttons.md
@@ -0,0 +1,5 @@
+---
+"@refinedev/mui": patch
+---
+
+fix(mui): prevent nested interactive elements in navigation buttons

From 7237c5c107cd8c94726b843f9f4530fff8f37b1b Mon Sep 17 00:00:00 2001
From: kaigritun <kaigritun@gmail.com>
Date: Thu, 12 Feb 2026 07:55:56 -0500
Subject: [PATCH 3/6] fix: restore replace prop and original prop order in
 clone/edit buttons

---
 packages/mui/src/components/buttons/clone/index.tsx | 3 ++-
 packages/mui/src/components/buttons/edit/index.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/mui/src/components/buttons/clone/index.tsx b/packages/mui/src/components/buttons/clone/index.tsx
index 9771d673109fd..d595a79cc0578 100644
--- a/packages/mui/src/components/buttons/clone/index.tsx
+++ b/packages/mui/src/components/buttons/clone/index.tsx
@@ -45,9 +45,10 @@ export const CloneButton: React.FC<CloneButtonProps> = ({
 
   return (
     <Button
+      disabled={isDisabled}
       component={LinkComponent}
       to={to}
-      disabled={isDisabled}
+      replace={false}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();
diff --git a/packages/mui/src/components/buttons/edit/index.tsx b/packages/mui/src/components/buttons/edit/index.tsx
index 5b525ff3ed79a..11595ddabc766 100644
--- a/packages/mui/src/components/buttons/edit/index.tsx
+++ b/packages/mui/src/components/buttons/edit/index.tsx
@@ -44,9 +44,10 @@ export const EditButton: React.FC<EditButtonProps> = ({
 
   return (
     <Button
+      disabled={isDisabled}
       component={LinkComponent}
       to={to}
-      disabled={isDisabled}
+      replace={false}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
           e.preventDefault();

From 71b58b65ab051079424a0fe594773864b807705b Mon Sep 17 00:00:00 2001
From: Alican Erdurmaz <alicanerdurmaz@gmail.com>
Date: Wed, 4 Mar 2026 12:52:05 +0300
Subject: [PATCH 4/6] fix: add missing replace={false} to CreateButton,
 ShowButton, ListButton

---
 packages/mui/src/components/buttons/create/index.tsx | 1 +
 packages/mui/src/components/buttons/list/index.tsx   | 1 +
 packages/mui/src/components/buttons/show/index.tsx   | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/mui/src/components/buttons/create/index.tsx b/packages/mui/src/components/buttons/create/index.tsx
index 1549105a1f64f..b1d631b410ae5 100644
--- a/packages/mui/src/components/buttons/create/index.tsx
+++ b/packages/mui/src/components/buttons/create/index.tsx
@@ -45,6 +45,7 @@ export const CreateButton: React.FC<CreateButtonProps> = ({
     <Button
       component={LinkComponent}
       to={to}
+      replace={false}
       disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
diff --git a/packages/mui/src/components/buttons/list/index.tsx b/packages/mui/src/components/buttons/list/index.tsx
index 3f7be4fba9575..1fcaab2d0dc47 100644
--- a/packages/mui/src/components/buttons/list/index.tsx
+++ b/packages/mui/src/components/buttons/list/index.tsx
@@ -44,6 +44,7 @@ export const ListButton: React.FC<ListButtonProps> = ({
     <Button
       component={LinkComponent}
       to={to}
+      replace={false}
       disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {
diff --git a/packages/mui/src/components/buttons/show/index.tsx b/packages/mui/src/components/buttons/show/index.tsx
index d36dd217408d8..4a76918382408 100644
--- a/packages/mui/src/components/buttons/show/index.tsx
+++ b/packages/mui/src/components/buttons/show/index.tsx
@@ -46,6 +46,7 @@ export const ShowButton: React.FC<ShowButtonProps> = ({
     <Button
       component={LinkComponent}
       to={to}
+      replace={false}
       disabled={isDisabled}
       onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
         if (isDisabled) {

From 928ca757e37b897a9d8f68931dc2ed028b29501a Mon Sep 17 00:00:00 2001
From: Alican Erdurmaz <alicanerdurmaz@gmail.com>
Date: Wed, 4 Mar 2026 13:15:53 +0300
Subject: [PATCH 5/6] fix: update snapshots to reflect changes in button
 structure and accessibility attributes

---
 .../mui/__snapshots__/index.test.tsx.snap     | 128 ++++++--------
 .../__snapshots__/edit.test.tsx.snap          |  39 ++---
 .../__snapshots__/list.test.tsx.snap          | 163 ++++++++----------
 .../__snapshots__/show.test.tsx.snap          |  39 ++---
 4 files changed, 159 insertions(+), 210 deletions(-)

diff --git a/packages/inferencer/src/inferencers/mui/__snapshots__/index.test.tsx.snap b/packages/inferencer/src/inferencers/mui/__snapshots__/index.test.tsx.snap
index b840c574fe135..7b7eaec42a940 100644
--- a/packages/inferencer/src/inferencers/mui/__snapshots__/index.test.tsx.snap
+++ b/packages/inferencer/src/inferencers/mui/__snapshots__/index.test.tsx.snap
@@ -1687,50 +1687,42 @@ exports[`MuiInferencer > should match the snapshot 1`] = `
                       tabindex="-1"
                     >
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href=""
-                        style="text-decoration: none;"
+                        role="button"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="EditOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="EditOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+                          />
+                        </svg>
                       </a>
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href=""
-                        style="text-decoration: none;"
+                        role="button"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="VisibilityOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="VisibilityOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
+                          />
+                        </svg>
                       </a>
                       <div>
                         <button
@@ -1991,50 +1983,42 @@ exports[`MuiInferencer > should match the snapshot 1`] = `
                       tabindex="-1"
                     >
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href=""
-                        style="text-decoration: none;"
+                        role="button"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="EditOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="EditOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+                          />
+                        </svg>
                       </a>
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href=""
-                        style="text-decoration: none;"
+                        role="button"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="VisibilityOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="VisibilityOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
+                          />
+                        </svg>
                       </a>
                       <div>
                         <button
diff --git a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/edit.test.tsx.snap b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/edit.test.tsx.snap
index b3c2209f481cc..eb56d27f7997a 100644
--- a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/edit.test.tsx.snap
+++ b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/edit.test.tsx.snap
@@ -98,32 +98,27 @@ exports[`MuiEditInferencer > should match the snapshot 1`] = `
               class="MuiBox-root css-u4p24i"
             >
               <a
+                class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-list-button css-193klso-MuiButtonBase-root-MuiButton-root"
                 href="/posts"
-                style="text-decoration: none;"
+                tabindex="0"
+                title=""
               >
-                <button
-                  class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-list-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                  tabindex="0"
-                  title=""
-                  type="button"
+                <span
+                  class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
                 >
-                  <span
-                    class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
+                  <svg
+                    aria-hidden="true"
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+                    data-testid="ListOutlinedIcon"
+                    focusable="false"
+                    viewBox="0 0 24 24"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
-                      data-testid="ListOutlinedIcon"
-                      focusable="false"
-                      viewBox="0 0 24 24"
-                    >
-                      <path
-                        d="M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7zm-4 6h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"
-                      />
-                    </svg>
-                  </span>
-                  Posts
-                </button>
+                    <path
+                      d="M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7zm-4 6h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"
+                    />
+                  </svg>
+                </span>
+                Posts
               </a>
               <button
                 class="MuiButtonBase-root MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-refresh-button css-8h169x-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root"
diff --git a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/list.test.tsx.snap b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/list.test.tsx.snap
index 9943ac4fcfec7..f4ce20547cba9 100644
--- a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/list.test.tsx.snap
+++ b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/list.test.tsx.snap
@@ -26,32 +26,27 @@ exports[`MuiListInferencer > should match the snapshot 1`] = `
             class="MuiBox-root css-10egq61"
           >
             <a
+              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary refine-create-button css-way3kl-MuiButtonBase-root-MuiButton-root"
               href="/posts/create"
-              style="text-decoration: none;"
+              tabindex="0"
+              title=""
             >
-              <button
-                class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary refine-create-button css-1q6lum7-MuiButtonBase-root-MuiButton-root"
-                tabindex="0"
-                title=""
-                type="button"
+              <span
+                class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
               >
-                <span
-                  class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+                  data-testid="AddBoxOutlinedIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
-                    data-testid="AddBoxOutlinedIcon"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14zm-8-2h2v-4h4v-2h-4V7h-2v4H7v2h4z"
-                    />
-                  </svg>
-                </span>
-                Create
-              </button>
+                  <path
+                    d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14zm-8-2h2v-4h4v-2h-4V7h-2v4H7v2h4z"
+                  />
+                </svg>
+              </span>
+              Create
             </a>
           </div>
         </div>
@@ -1718,50 +1713,40 @@ exports[`MuiListInferencer > should match the snapshot 1`] = `
                       tabindex="-1"
                     >
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href="/posts/edit/11"
-                        style="text-decoration: none;"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="EditOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="EditOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+                          />
+                        </svg>
                       </a>
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href="/posts/show/11"
-                        style="text-decoration: none;"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="VisibilityOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="VisibilityOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
+                          />
+                        </svg>
                       </a>
                     </div>
                   </div>
@@ -1997,50 +1982,40 @@ exports[`MuiListInferencer > should match the snapshot 1`] = `
                       tabindex="-1"
                     >
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href="/posts/edit/21"
-                        style="text-decoration: none;"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-edit-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="EditOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="EditOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="m14.06 9.02.92.92L5.92 19H5v-.92zM17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+                          />
+                        </svg>
                       </a>
                       <a
+                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-193klso-MuiButtonBase-root-MuiButton-root"
                         href="/posts/show/21"
-                        style="text-decoration: none;"
+                        tabindex="0"
+                        title=""
                       >
-                        <button
-                          class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-show-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                          tabindex="0"
-                          title=""
-                          type="button"
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
+                          data-testid="VisibilityOutlinedIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
-                            data-testid="VisibilityOutlinedIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
-                            />
-                          </svg>
-                        </button>
+                          <path
+                            d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4m0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7"
+                          />
+                        </svg>
                       </a>
                     </div>
                   </div>
diff --git a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/show.test.tsx.snap b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/show.test.tsx.snap
index 43a3d93517e95..9eac00eb44fce 100644
--- a/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/show.test.tsx.snap
+++ b/packages/inferencer/src/inferencers/mui/__tests__/__snapshots__/show.test.tsx.snap
@@ -95,32 +95,27 @@ exports[`MuiShowInferencer > should match the snapshot 1`] = `
             class="MuiBox-root css-10egq61"
           >
             <a
+              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-list-button css-193klso-MuiButtonBase-root-MuiButton-root"
               href="/posts"
-              style="text-decoration: none;"
+              tabindex="0"
+              title=""
             >
-              <button
-                class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-list-button css-957s89-MuiButtonBase-root-MuiButton-root"
-                tabindex="0"
-                title=""
-                type="button"
+              <span
+                class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
               >
-                <span
-                  class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1jsm74t-MuiButton-startIcon"
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
+                  data-testid="ListOutlinedIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
-                    data-testid="ListOutlinedIcon"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7zm-4 6h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"
-                    />
-                  </svg>
-                </span>
-                Posts
-              </button>
+                  <path
+                    d="M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7zm-4 6h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"
+                  />
+                </svg>
+              </span>
+              Posts
             </a>
             <button
               class="MuiButtonBase-root MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiLoadingButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary refine-refresh-button css-8h169x-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root"

From 6e5e7d62f2aa6c25faa5cd5d950bd1c335430397 Mon Sep 17 00:00:00 2001
From: Alican Erdurmaz <alicanerdurmaz@gmail.com>
Date: Wed, 4 Mar 2026 16:01:33 +0300
Subject: [PATCH 6/6] fix: update button tests to handle nested interactive
 elements

---
 .../src/components/crud/show/index.spec.tsx   |  4 +--
 packages/mui/test/vitest.setup.ts             | 34 ++++++++++++++++++-
 packages/ui-tests/src/tests/buttons/clone.tsx | 30 ++++++++++------
 .../ui-tests/src/tests/buttons/create.tsx     | 28 ++++++++-------
 packages/ui-tests/src/tests/buttons/edit.tsx  | 26 ++++++++------
 packages/ui-tests/src/tests/buttons/list.tsx  | 26 ++++++++------
 packages/ui-tests/src/tests/buttons/show.tsx  | 26 ++++++++------
 7 files changed, 115 insertions(+), 59 deletions(-)

diff --git a/packages/mui/src/components/crud/show/index.spec.tsx b/packages/mui/src/components/crud/show/index.spec.tsx
index 816ab752894ba..09d9e5fb907f6 100644
--- a/packages/mui/src/components/crud/show/index.spec.tsx
+++ b/packages/mui/src/components/crud/show/index.spec.tsx
@@ -95,10 +95,10 @@ describe("Show", () => {
     );
 
     await waitFor(() =>
-      expect(getByText("Edit").closest("button")).not.toBeDisabled(),
+      expect(getByText("Edit").closest("button, a")).not.toBeDisabled(),
     );
     await waitFor(() =>
-      expect(getAllByText("Posts")[1].closest("button")).not.toBeDisabled(),
+      expect(getAllByText("Posts")[1].closest("button, a")).not.toBeDisabled(),
     );
 
     await waitFor(() =>
diff --git a/packages/mui/test/vitest.setup.ts b/packages/mui/test/vitest.setup.ts
index a57b504aff175..3b563cbc4ae6b 100644
--- a/packages/mui/test/vitest.setup.ts
+++ b/packages/mui/test/vitest.setup.ts
@@ -1,7 +1,39 @@
 import "@testing-library/jest-dom/vitest";
 import "@testing-library/react";
 import { configure } from "@testing-library/dom";
-import { vi } from "vitest";
+import { vi, expect } from "vitest";
+
+// Override toBeDisabled to also handle aria-disabled for non-form elements.
+// MUI renders navigation buttons as <a> elements with component={LinkComponent},
+// which use aria-disabled="true" instead of native disabled attribute.
+expect.extend({
+  toBeDisabled(received) {
+    if (
+      !(received instanceof HTMLElement) &&
+      !(received instanceof SVGElement)
+    ) {
+      return {
+        pass: this.isNot,
+        message: () =>
+          `received value must be an HTMLElement or an SVGElement.\nReceived has value: ${received}`,
+      };
+    }
+    const element = received as HTMLElement;
+    const isNativelyDisabled = element.hasAttribute("disabled");
+    const isAriaDisabled = element.getAttribute("aria-disabled") === "true";
+
+    return {
+      pass: isNativelyDisabled || isAriaDisabled,
+      message: () => {
+        const clone = element.cloneNode(false) as HTMLElement;
+        if (this.isNot) {
+          return `expected element not to be disabled:\n\n${clone.outerHTML}`;
+        }
+        return `expected element to be disabled:\n\n${clone.outerHTML}`;
+      },
+    };
+  },
+});
 
 // Mock CSS imports
 vi.mock("*.css", () => ({}));
diff --git a/packages/ui-tests/src/tests/buttons/clone.tsx b/packages/ui-tests/src/tests/buttons/clone.tsx
index adb22ee114496..09d3f9df30773 100644
--- a/packages/ui-tests/src/tests/buttons/clone.tsx
+++ b/packages/ui-tests/src/tests/buttons/clone.tsx
@@ -32,7 +32,7 @@ export const buttonCloneTests = (
 
       expect(container).toBeTruthy();
 
-      expect(getByText("Clone").closest("button")).not.toBeDisabled();
+      expect(getByText("Clone").closest("button, a")).not.toBeDisabled();
     });
 
     it("should be disabled by prop", async () => {
@@ -45,9 +45,9 @@ export const buttonCloneTests = (
         },
       );
 
-      expect(getByText("Clone").closest("button")).toBeDisabled();
+      expect(getByText("Clone").closest("button, a")).toBeDisabled();
 
-      fireEvent.click(getByText("Clone").closest("button") as Element);
+      fireEvent.click(getByText("Clone").closest("button, a") as Element);
       expect(mockOnClick).not.toHaveBeenCalled();
     });
 
@@ -119,12 +119,14 @@ export const buttonCloneTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Clone").closest("button")).toBeDisabled(),
+                expect(getByText("Clone").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Clone").closest("button")?.getAttribute("title"),
+                  getByText("Clone")
+                    .closest("button, a")
+                    ?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
@@ -155,7 +157,9 @@ export const buttonCloneTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Clone").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Clone").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
 
@@ -171,7 +175,7 @@ export const buttonCloneTests = (
                 },
               );
 
-              const button = getByText("Clone").closest("button");
+              const button = getByText("Clone").closest("button, a");
               expect(button).toBeDisabled();
             });
           });
@@ -222,7 +226,7 @@ export const buttonCloneTests = (
 
             expect(container).toBeTruthy();
 
-            expect(getByText("Clone").closest("button")).not.toBeDisabled();
+            expect(getByText("Clone").closest("button, a")).not.toBeDisabled();
           });
         });
       });
@@ -257,7 +261,9 @@ export const buttonCloneTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Clone").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Clone").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
           });
@@ -321,12 +327,14 @@ export const buttonCloneTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Clone").closest("button")).toBeDisabled(),
+                expect(getByText("Clone").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Clone").closest("button")?.getAttribute("title"),
+                  getByText("Clone")
+                    .closest("button, a")
+                    ?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
diff --git a/packages/ui-tests/src/tests/buttons/create.tsx b/packages/ui-tests/src/tests/buttons/create.tsx
index d60b5898a176e..412a604decf3b 100644
--- a/packages/ui-tests/src/tests/buttons/create.tsx
+++ b/packages/ui-tests/src/tests/buttons/create.tsx
@@ -32,7 +32,7 @@ export const buttonCreateTests = (
 
       expect(container).toBeTruthy();
 
-      expect(getByText("Create").closest("button")).not.toBeDisabled();
+      expect(getByText("Create").closest("button, a")).not.toBeDisabled();
     });
 
     it("should be disabled by prop", async () => {
@@ -45,9 +45,9 @@ export const buttonCreateTests = (
         },
       );
 
-      expect(getByText("Create").closest("button")).toBeDisabled();
+      expect(getByText("Create").closest("button, a")).toBeDisabled();
 
-      fireEvent.click(getByText("Create").closest("button") as Element);
+      fireEvent.click(getByText("Create").closest("button, a") as Element);
       expect(mockOnClick).not.toHaveBeenCalled();
     });
 
@@ -62,7 +62,7 @@ export const buttonCreateTests = (
         },
       );
 
-      const button = getByText("Create").closest("button");
+      const button = getByText("Create").closest("button, a");
       await act(async () => {
         fireEvent.click(button!);
       });
@@ -136,12 +136,14 @@ export const buttonCreateTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Create").closest("button")).toBeDisabled(),
+                expect(getByText("Create").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Create").closest("button")?.getAttribute("title"),
+                  getByText("Create")
+                    .closest("button, a")
+                    ?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
@@ -173,7 +175,7 @@ export const buttonCreateTests = (
 
               await waitFor(() =>
                 expect(
-                  getByText("Create").closest("button"),
+                  getByText("Create").closest("button, a"),
                 ).not.toBeDisabled(),
               );
             });
@@ -190,7 +192,7 @@ export const buttonCreateTests = (
                 },
               );
 
-              const button = getByText("Create").closest("button");
+              const button = getByText("Create").closest("button, a");
               expect(button).toBeDisabled();
             });
           });
@@ -241,7 +243,7 @@ export const buttonCreateTests = (
 
             expect(container).toBeTruthy();
 
-            expect(getByText("Create").closest("button")).not.toBeDisabled();
+            expect(getByText("Create").closest("button, a")).not.toBeDisabled();
           });
         });
       });
@@ -277,7 +279,7 @@ export const buttonCreateTests = (
 
               await waitFor(() =>
                 expect(
-                  getByText("Create").closest("button"),
+                  getByText("Create").closest("button, a"),
                 ).not.toBeDisabled(),
               );
             });
@@ -342,12 +344,14 @@ export const buttonCreateTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Create").closest("button")).toBeDisabled(),
+                expect(getByText("Create").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Create").closest("button")?.getAttribute("title"),
+                  getByText("Create")
+                    .closest("button, a")
+                    ?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
diff --git a/packages/ui-tests/src/tests/buttons/edit.tsx b/packages/ui-tests/src/tests/buttons/edit.tsx
index d0df50534481c..3fe98d381fb68 100644
--- a/packages/ui-tests/src/tests/buttons/edit.tsx
+++ b/packages/ui-tests/src/tests/buttons/edit.tsx
@@ -25,7 +25,7 @@ export const buttonEditTests = (
 
       expect(container).toBeTruthy();
 
-      expect(getByText("Edit").closest("button")).not.toBeDisabled();
+      expect(getByText("Edit").closest("button, a")).not.toBeDisabled();
     });
 
     it("should be disabled by prop", async () => {
@@ -38,9 +38,9 @@ export const buttonEditTests = (
         },
       );
 
-      expect(getByText("Edit").closest("button")).toBeDisabled();
+      expect(getByText("Edit").closest("button, a")).toBeDisabled();
 
-      fireEvent.click(getByText("Edit").closest("button") as Element);
+      fireEvent.click(getByText("Edit").closest("button, a") as Element);
       expect(mockOnClick).not.toHaveBeenCalled();
     });
 
@@ -109,12 +109,12 @@ export const buttonEditTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Edit").closest("button")).toBeDisabled(),
+                expect(getByText("Edit").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Edit").closest("button")?.getAttribute("title"),
+                  getByText("Edit").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
@@ -145,7 +145,9 @@ export const buttonEditTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Edit").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Edit").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
 
@@ -161,7 +163,7 @@ export const buttonEditTests = (
                 },
               );
 
-              const button = getByText("Edit").closest("button");
+              const button = getByText("Edit").closest("button, a");
               expect(button).toBeDisabled();
             });
           });
@@ -212,7 +214,7 @@ export const buttonEditTests = (
 
             expect(container).toBeTruthy();
 
-            expect(getByText("Edit").closest("button")).not.toBeDisabled();
+            expect(getByText("Edit").closest("button, a")).not.toBeDisabled();
           });
         });
       });
@@ -247,7 +249,9 @@ export const buttonEditTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Edit").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Edit").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
           });
@@ -309,12 +313,12 @@ export const buttonEditTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Edit").closest("button")).toBeDisabled(),
+                expect(getByText("Edit").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Edit").closest("button")?.getAttribute("title"),
+                  getByText("Edit").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
diff --git a/packages/ui-tests/src/tests/buttons/list.tsx b/packages/ui-tests/src/tests/buttons/list.tsx
index 1f9ec26c69b67..e1d79afd0f2d1 100644
--- a/packages/ui-tests/src/tests/buttons/list.tsx
+++ b/packages/ui-tests/src/tests/buttons/list.tsx
@@ -28,7 +28,7 @@ export const buttonListTests = (
 
       expect(container).toBeTruthy();
 
-      expect(getByText("List").closest("button")).not.toBeDisabled();
+      expect(getByText("List").closest("button, a")).not.toBeDisabled();
     });
 
     it("should have the correct test-id", async () => {
@@ -51,9 +51,9 @@ export const buttonListTests = (
         },
       );
 
-      expect(getByText("List").closest("button")).toBeDisabled();
+      expect(getByText("List").closest("button, a")).toBeDisabled();
 
-      fireEvent.click(getByText("List").closest("button") as Element);
+      fireEvent.click(getByText("List").closest("button, a") as Element);
       expect(mockOnClick).not.toHaveBeenCalled();
     });
 
@@ -166,12 +166,12 @@ export const buttonListTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("List").closest("button")).toBeDisabled(),
+                expect(getByText("List").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("List").closest("button")?.getAttribute("title"),
+                  getByText("List").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
@@ -202,7 +202,9 @@ export const buttonListTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("List").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("List").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
 
@@ -218,7 +220,7 @@ export const buttonListTests = (
                 },
               );
 
-              const button = getByText("List").closest("button");
+              const button = getByText("List").closest("button, a");
               expect(button).toBeDisabled();
             });
           });
@@ -269,7 +271,7 @@ export const buttonListTests = (
 
             expect(container).toBeTruthy();
 
-            expect(getByText("List").closest("button")).not.toBeDisabled();
+            expect(getByText("List").closest("button, a")).not.toBeDisabled();
           });
         });
       });
@@ -304,7 +306,9 @@ export const buttonListTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("List").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("List").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
           });
@@ -366,12 +370,12 @@ export const buttonListTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("List").closest("button")).toBeDisabled(),
+                expect(getByText("List").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("List").closest("button")?.getAttribute("title"),
+                  getByText("List").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
diff --git a/packages/ui-tests/src/tests/buttons/show.tsx b/packages/ui-tests/src/tests/buttons/show.tsx
index e4f947f714dac..a07f96b86b5ae 100644
--- a/packages/ui-tests/src/tests/buttons/show.tsx
+++ b/packages/ui-tests/src/tests/buttons/show.tsx
@@ -32,7 +32,7 @@ export const buttonShowTests = (
 
       expect(container).toBeTruthy();
 
-      expect(getByText("Show").closest("button")).not.toBeDisabled();
+      expect(getByText("Show").closest("button, a")).not.toBeDisabled();
     });
 
     it("should be disabled by prop", async () => {
@@ -45,9 +45,9 @@ export const buttonShowTests = (
         },
       );
 
-      expect(getByText("Show").closest("button")).toBeDisabled();
+      expect(getByText("Show").closest("button, a")).toBeDisabled();
 
-      fireEvent.click(getByText("Show").closest("button") as Element);
+      fireEvent.click(getByText("Show").closest("button, a") as Element);
       expect(mockOnClick).not.toHaveBeenCalled();
     });
 
@@ -116,12 +116,12 @@ export const buttonShowTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Show").closest("button")).toBeDisabled(),
+                expect(getByText("Show").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Show").closest("button")?.getAttribute("title"),
+                  getByText("Show").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });
@@ -152,7 +152,9 @@ export const buttonShowTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Show").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Show").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
 
@@ -168,7 +170,7 @@ export const buttonShowTests = (
                 },
               );
 
-              const button = getByText("Show").closest("button");
+              const button = getByText("Show").closest("button, a");
               expect(button).toBeDisabled();
             });
           });
@@ -219,7 +221,7 @@ export const buttonShowTests = (
 
             expect(container).toBeTruthy();
 
-            expect(getByText("Show").closest("button")).not.toBeDisabled();
+            expect(getByText("Show").closest("button, a")).not.toBeDisabled();
           });
         });
       });
@@ -254,7 +256,9 @@ export const buttonShowTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Show").closest("button")).not.toBeDisabled(),
+                expect(
+                  getByText("Show").closest("button, a"),
+                ).not.toBeDisabled(),
               );
             });
           });
@@ -316,12 +320,12 @@ export const buttonShowTests = (
               expect(container).toBeTruthy();
 
               await waitFor(() =>
-                expect(getByText("Show").closest("button")).toBeDisabled(),
+                expect(getByText("Show").closest("button, a")).toBeDisabled(),
               );
 
               waitFor(() =>
                 expect(
-                  getByText("Show").closest("button")?.getAttribute("title"),
+                  getByText("Show").closest("button, a")?.getAttribute("title"),
                 ).toBe("Access Denied"),
               );
             });