diff --git a/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap b/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
index 7b7d8fe323..28fd8a2806 100644
--- a/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
+++ b/packages/react/src/components/bento-menu-button/bento-menu-button.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`BentoMenuButton Matches Snapshot (productGroups and externalLinks) 1`]
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
@@ -904,10 +905,11 @@ exports[`BentoMenuButton Matches Snapshot (productLinks and externalLinks) 1`] =
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
@@ -1636,10 +1638,11 @@ exports[`BentoMenuButton Matches Snapshot (tag="nav") 1`] = `
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
diff --git a/packages/react/src/components/buttons/abstract-button.tsx b/packages/react/src/components/buttons/abstract-button.tsx
index 1300791d08..44567e8543 100755
--- a/packages/react/src/components/buttons/abstract-button.tsx
+++ b/packages/react/src/components/buttons/abstract-button.tsx
@@ -121,10 +121,11 @@ const getButtonStyles: (props: ButtonTypeStyles) => FlattenInterpolation<ThemePr
             color: ${theme.component[`button-${buttonType}${inversionSuffix}-hover-text-color`]};
         }
 
-        &:disabled {
+        &[aria-disabled='true'] {
             background-color: ${theme.component[`button-${buttonType}${inversionSuffix}-disabled-background-color`]};
             border-color: ${theme.component[`button-${buttonType}${inversionSuffix}-disabled-border-color`]};
             color: ${theme.component[`button-${buttonType}${inversionSuffix}-disabled-text-color`]};
+            cursor: not-allowed;
             ${buttonType === 'destructive-primary' && css`
                 &,
                 ${focusable !== false && '&:focus,'}
diff --git a/packages/react/src/components/buttons/button.test.tsx.snap b/packages/react/src/components/buttons/button.test.tsx.snap
index 6b23f18253..4d39776727 100644
--- a/packages/react/src/components/buttons/button.test.tsx.snap
+++ b/packages/react/src/components/buttons/button.test.tsx.snap
@@ -82,15 +82,16 @@ exports[`Button has destructive styles (inverted) 1`] = `
   color: #7B1A15;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   color: #F99D99;
+  cursor: not-allowed;
 }
 
-.c1:disabled,
-.c1:disabled:focus,
-.c1:disabled:hover {
+.c1[aria-disabled='true'],
+.c1[aria-disabled='true']:focus,
+.c1[aria-disabled='true']:hover {
   background-color: #FFFFFF;
   border-color: #FFFFFF;
   color: #F99D99;
@@ -186,15 +187,16 @@ exports[`Button has destructive styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #F99D99;
   border-color: #F99D99;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
-.c1:disabled,
-.c1:disabled:focus,
-.c1:disabled:hover {
+.c1[aria-disabled='true'],
+.c1[aria-disabled='true']:focus,
+.c1[aria-disabled='true']:hover {
   background-color: #F99D99;
   border-color: #F99D99;
   color: #FFFFFF;
@@ -290,10 +292,11 @@ exports[`Button has destructive-secondary styles (inverted) 1`] = `
   color: #7B1A15;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: #F99D99;
   color: #F99D99;
+  cursor: not-allowed;
 }
 
 <button
@@ -386,15 +389,16 @@ exports[`Button has destructive-secondary styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #F99D99;
   border-color: #F99D99;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
-.c1:disabled,
-.c1:disabled:focus,
-.c1:disabled:hover {
+.c1[aria-disabled='true'],
+.c1[aria-disabled='true']:focus,
+.c1[aria-disabled='true']:hover {
   background-color: #F99D99;
   border-color: #F99D99;
   color: #FFFFFF;
@@ -498,10 +502,11 @@ exports[`Button has left and right icons 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -612,10 +617,11 @@ exports[`Button has mobile styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -708,15 +714,16 @@ exports[`Button has primary disabled styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
+  aria-disabled="true"
   class="c0 c1"
-  disabled=""
   type="button"
 >
   Primary Button
@@ -805,10 +812,11 @@ exports[`Button has primary styles (inverted) 1`] = `
   color: #003A5A;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #006296;
   border-color: #006296;
   color: #84C6EA;
+  cursor: not-allowed;
 }
 
 <button
@@ -901,10 +909,11 @@ exports[`Button has primary styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -997,10 +1006,11 @@ exports[`Button has secondary styles (inverted) 1`] = `
   color: #84C6EA;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 <button
@@ -1093,10 +1103,11 @@ exports[`Button has secondary styles 1`] = `
   color: #003A5A;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: #84C6EA;
   color: #84C6EA;
+  cursor: not-allowed;
 }
 
 <button
@@ -1189,10 +1200,11 @@ exports[`Button has small styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -1285,10 +1297,11 @@ exports[`Button has small styles on mobile 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -1381,10 +1394,11 @@ exports[`Button has tertiary styles (inverted) 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 <button
@@ -1477,10 +1491,11 @@ exports[`Button has tertiary styles 1`] = `
   color: #000000;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 <button
diff --git a/packages/react/src/components/buttons/button.tsx b/packages/react/src/components/buttons/button.tsx
index 19814f78f6..82e059e8b0 100644
--- a/packages/react/src/components/buttons/button.tsx
+++ b/packages/react/src/components/buttons/button.tsx
@@ -86,6 +86,24 @@ export const Button = forwardRef<HTMLButtonElement, PropsWithChildren<ButtonProp
     const { isMobile } = useDeviceContext();
     const iconSize = props?.size === 'small' && !isMobile ? '16' : '24';
 
+    const handleClick = (event: MouseEvent<HTMLButtonElement>): void => {
+        if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        } else if (onClick) {
+            onClick(event);
+        }
+    };
+
+    const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>): void => {
+        if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        } else if (onKeyDown) {
+            onKeyDown(event);
+        }
+    };
+
     return (
         <StyledButton
             autoFocus={autofocus}
@@ -95,12 +113,12 @@ export const Button = forwardRef<HTMLButtonElement, PropsWithChildren<ButtonProp
             type={type}
             buttonType={buttonType}
             className={className}
-            disabled={disabled}
+            aria-disabled={disabled ? 'true' : undefined}
             focusable={focusable}
-            onClick={onClick}
+            onClick={handleClick}
             onFocus={onFocus}
             onBlur={onBlur}
-            onKeyDown={onKeyDown}
+            onKeyDown={handleKeyDown}
             {...props /* eslint-disable-line react/jsx-props-no-spreading *//* To spread aria-* and data-* */}
         >
             {children}
diff --git a/packages/react/src/components/buttons/icon-button.test.tsx.snap b/packages/react/src/components/buttons/icon-button.test.tsx.snap
index e057a07254..f453c4caf4 100644
--- a/packages/react/src/components/buttons/icon-button.test.tsx.snap
+++ b/packages/react/src/components/buttons/icon-button.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`Icon Button Has destructive-secondary styles 1`] = `
   color: #7B1A15;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: #F99D99;
   color: #F99D99;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -194,10 +195,11 @@ exports[`Icon Button Has disabled styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -305,10 +307,11 @@ exports[`Icon Button Has mobile styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -415,10 +418,11 @@ exports[`Icon Button Has primary styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -525,10 +529,11 @@ exports[`Icon Button Has secondary styles 1`] = `
   color: #003A5A;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: #84C6EA;
   color: #84C6EA;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -636,10 +641,11 @@ exports[`Icon Button Has small styles 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -746,10 +752,11 @@ exports[`Icon Button Has tertiary styles 1`] = `
   color: #000000;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
diff --git a/packages/react/src/components/carousel/carousel.test.tsx.snap b/packages/react/src/components/carousel/carousel.test.tsx.snap
index 6bc71b1d63..82a10cbb16 100644
--- a/packages/react/src/components/carousel/carousel.test.tsx.snap
+++ b/packages/react/src/components/carousel/carousel.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`Carousel should match snapshot 1`] = `
   color: #000000;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c2 > svg {
diff --git a/packages/react/src/components/combobox/combobox.test.tsx.snap b/packages/react/src/components/combobox/combobox.test.tsx.snap
index 1af32de0cf..d6b8860c47 100644
--- a/packages/react/src/components/combobox/combobox.test.tsx.snap
+++ b/packages/react/src/components/combobox/combobox.test.tsx.snap
@@ -62,10 +62,11 @@ exports[`Combobox matches the snapshot (disabled) 1`] = `
   color: #000000;
 }
 
-.c7:disabled {
+.c7[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c7 > svg {
@@ -541,10 +542,11 @@ exports[`Combobox matches the snapshot (invalid) 1`] = `
   color: #000000;
 }
 
-.c9:disabled {
+.c9[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c9 > svg {
@@ -1060,10 +1062,11 @@ exports[`Combobox matches the snapshot (mobile) 1`] = `
   color: #000000;
 }
 
-.c5:disabled {
+.c5[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c5 > svg {
@@ -1509,10 +1512,11 @@ exports[`Combobox matches the snapshot 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c8 > svg {
diff --git a/packages/react/src/components/date-picker/date-picker.test.tsx.snap b/packages/react/src/components/date-picker/date-picker.test.tsx.snap
index 8dc21175dc..5167919b96 100644
--- a/packages/react/src/components/date-picker/date-picker.test.tsx.snap
+++ b/packages/react/src/components/date-picker/date-picker.test.tsx.snap
@@ -2482,10 +2482,11 @@ exports[`Datepicker matches snapshot (open, desktop) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c8 > svg {
@@ -3746,10 +3747,11 @@ exports[`Datepicker matches snapshot (open, hasTodayButton) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c8 > svg {
@@ -3781,10 +3783,11 @@ exports[`Datepicker matches snapshot (open, hasTodayButton) 1`] = `
   color: #003A5A;
 }
 
-.c18:disabled {
+.c18[aria-disabled='true'] {
   background-color: transparent;
   border-color: #84C6EA;
   color: #84C6EA;
+  cursor: not-allowed;
 }
 
 .c2 {
@@ -5058,10 +5061,11 @@ exports[`Datepicker matches snapshot (open, mobile) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c8 > svg {
diff --git a/packages/react/src/components/disclosure/disclosure.test.tsx.snap b/packages/react/src/components/disclosure/disclosure.test.tsx.snap
index c7a1891c2c..535c71c4ea 100644
--- a/packages/react/src/components/disclosure/disclosure.test.tsx.snap
+++ b/packages/react/src/components/disclosure/disclosure.test.tsx.snap
@@ -82,10 +82,11 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
@@ -131,6 +132,7 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
           isMobile={false}
           onBlur={[Function]}
           onClick={[Function]}
+          onKeyDown={[Function]}
           type="button"
         >
           <AbstractButton
@@ -142,6 +144,7 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
             isMobile={false}
             onBlur={[Function]}
             onClick={[Function]}
+            onKeyDown={[Function]}
             type="button"
           >
             <styled.button
@@ -153,6 +156,7 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
               isMobile={false}
               onBlur={[Function]}
               onClick={[Function]}
+              onKeyDown={[Function]}
               type="button"
             >
               <button
@@ -161,6 +165,7 @@ exports[`Disclosure Button matches the snapshot when collapsed 1`] = `
                 className="c2 c1"
                 onBlur={[Function]}
                 onClick={[Function]}
+                onKeyDown={[Function]}
                 type="button"
               >
                 disclose content
@@ -267,10 +272,11 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
@@ -316,6 +322,7 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
           isMobile={false}
           onBlur={[Function]}
           onClick={[Function]}
+          onKeyDown={[Function]}
           type="button"
         >
           <AbstractButton
@@ -327,6 +334,7 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
             isMobile={false}
             onBlur={[Function]}
             onClick={[Function]}
+            onKeyDown={[Function]}
             type="button"
           >
             <styled.button
@@ -338,6 +346,7 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
               isMobile={false}
               onBlur={[Function]}
               onClick={[Function]}
+              onKeyDown={[Function]}
               type="button"
             >
               <button
@@ -346,6 +355,7 @@ exports[`Disclosure Button matches the snapshot when expanded 1`] = `
                 className="c2 c1"
                 onBlur={[Function]}
                 onClick={[Function]}
+                onKeyDown={[Function]}
                 type="button"
               >
                 disclose content
@@ -454,10 +464,11 @@ exports[`Disclosure IconButton matches the snapshot when collapsed 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
@@ -668,10 +679,11 @@ exports[`Disclosure IconButton matches the snapshot when expanded 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c1 > svg {
diff --git a/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap b/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
index 876c8bfa47..b5d0136c6f 100644
--- a/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
+++ b/packages/react/src/components/dropdown-menu-button/dropdown-menu-button.test.tsx.snap
@@ -376,10 +376,11 @@ exports[`DropdownMenuButton Matches Snapshot (defaultOpen) 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c5 {
@@ -1039,10 +1040,11 @@ exports[`DropdownMenuButton Matches Snapshot 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c5 {
diff --git a/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap b/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
index 252ba7ea2a..d11330ccc2 100644
--- a/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
+++ b/packages/react/src/components/dropdown-navigation/dropdown-navigation.test.tsx.snap
@@ -82,10 +82,11 @@ exports[`DropdownNavigation Matches Snapshot (defaultOpen) 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -345,10 +346,11 @@ exports[`DropdownNavigation Matches Snapshot (tag="nav") 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -609,10 +611,11 @@ exports[`DropdownNavigation Matches Snapshot 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
diff --git a/packages/react/src/components/global-banner/global-banner.test.tsx.snap b/packages/react/src/components/global-banner/global-banner.test.tsx.snap
index 38e0d74166..032e0c0309 100644
--- a/packages/react/src/components/global-banner/global-banner.test.tsx.snap
+++ b/packages/react/src/components/global-banner/global-banner.test.tsx.snap
@@ -82,10 +82,11 @@ exports[`GlobalBanner matches snapshot (desktop, alert) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -302,10 +303,11 @@ exports[`GlobalBanner matches snapshot (desktop, discovery) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -332,10 +334,11 @@ exports[`GlobalBanner matches snapshot (desktop, discovery) 1`] = `
   color: #FFFFFF;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -559,10 +562,11 @@ exports[`GlobalBanner matches snapshot (desktop, neutral) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -589,10 +593,11 @@ exports[`GlobalBanner matches snapshot (desktop, neutral) 1`] = `
   color: #FFFFFF;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -816,10 +821,11 @@ exports[`GlobalBanner matches snapshot (desktop, warning) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -846,10 +852,11 @@ exports[`GlobalBanner matches snapshot (desktop, warning) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -1077,10 +1084,11 @@ exports[`GlobalBanner matches snapshot (mobile, alert) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -1301,10 +1309,11 @@ exports[`GlobalBanner matches snapshot (mobile, discovery) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -1331,10 +1340,11 @@ exports[`GlobalBanner matches snapshot (mobile, discovery) 1`] = `
   color: #FFFFFF;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -1562,10 +1572,11 @@ exports[`GlobalBanner matches snapshot (mobile, neutral) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -1592,10 +1603,11 @@ exports[`GlobalBanner matches snapshot (mobile, neutral) 1`] = `
   color: #FFFFFF;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -1823,10 +1835,11 @@ exports[`GlobalBanner matches snapshot (mobile, warning) 1`] = `
   color: #84C6EA;
 }
 
-.c6:disabled {
+.c6[aria-disabled='true'] {
   background-color: transparent;
   border-color: #006296;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c8 {
@@ -1853,10 +1866,11 @@ exports[`GlobalBanner matches snapshot (mobile, warning) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 {
diff --git a/packages/react/src/components/global-header/global-header.test.tsx.snap b/packages/react/src/components/global-header/global-header.test.tsx.snap
index ea1ffa78cd..684f12756d 100644
--- a/packages/react/src/components/global-header/global-header.test.tsx.snap
+++ b/packages/react/src/components/global-header/global-header.test.tsx.snap
@@ -180,10 +180,11 @@ exports[`Global Header Matches the snapshot (mobile) 1`] = `
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
@@ -399,10 +400,11 @@ exports[`Global Header mobileDrawerContent prop adds a side drawer and burger bu
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
diff --git a/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap b/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
index 77dc4474f9..2a28fa2078 100644
--- a/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
+++ b/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`Global Navigation matches snapshot 1`] = `
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
diff --git a/packages/react/src/components/modal/modal-dialog.test.tsx.snap b/packages/react/src/components/modal/modal-dialog.test.tsx.snap
index de367adfdd..88b6b010ac 100644
--- a/packages/react/src/components/modal/modal-dialog.test.tsx.snap
+++ b/packages/react/src/components/modal/modal-dialog.test.tsx.snap
@@ -166,10 +166,11 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   color: #000000;
 }
 
-.c14:disabled {
+.c14[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c14 > svg {
@@ -209,10 +210,11 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   color: #000000;
 }
 
-.c10:disabled {
+.c10[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c11 {
@@ -239,10 +241,11 @@ exports[`Modal-Dialog Matches snapshot (custom button labels) 1`] = `
   color: #FFFFFF;
 }
 
-.c11:disabled {
+.c11[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
@@ -515,10 +518,11 @@ exports[`Modal-Dialog Matches snapshot (custom footer content) 1`] = `
   color: #000000;
 }
 
-.c8:disabled {
+.c8[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c8 > svg {
@@ -815,10 +819,11 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   color: #000000;
 }
 
-.c14:disabled {
+.c14[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c14 > svg {
@@ -858,10 +863,11 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   color: #000000;
 }
 
-.c10:disabled {
+.c10[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c11 {
@@ -888,10 +894,11 @@ exports[`Modal-Dialog Matches snapshot (only subtitle) 1`] = `
   color: #FFFFFF;
 }
 
-.c11:disabled {
+.c11[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
@@ -1221,10 +1228,11 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   color: #000000;
 }
 
-.c14:disabled {
+.c14[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c14 > svg {
@@ -1264,10 +1272,11 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   color: #000000;
 }
 
-.c10:disabled {
+.c10[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c11 {
@@ -1294,10 +1303,11 @@ exports[`Modal-Dialog Matches snapshot (opened, desktop) 1`] = `
   color: #FFFFFF;
 }
 
-.c11:disabled {
+.c11[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
@@ -1569,10 +1579,11 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   color: #000000;
 }
 
-.c13:disabled {
+.c13[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c13 > svg {
@@ -1612,10 +1623,11 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   color: #000000;
 }
 
-.c10:disabled {
+.c10[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c11 {
@@ -1642,10 +1654,11 @@ exports[`Modal-Dialog Matches snapshot (opened, mobile) 1`] = `
   color: #FFFFFF;
 }
 
-.c11:disabled {
+.c11[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 .c3 {
diff --git a/packages/react/src/components/modal/modal.test.tsx.snap b/packages/react/src/components/modal/modal.test.tsx.snap
index f763faf835..38f57e8342 100644
--- a/packages/react/src/components/modal/modal.test.tsx.snap
+++ b/packages/react/src/components/modal/modal.test.tsx.snap
@@ -287,10 +287,11 @@ exports[`Modal Matches snapshot (noPadding) 1`] = `
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -491,10 +492,11 @@ exports[`Modal Matches snapshot (opened, desktop) 1`] = `
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -694,10 +696,11 @@ exports[`Modal Matches snapshot (opened, mobile) 1`] = `
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
diff --git a/packages/react/src/components/password-input/password-input.test.tsx.snap b/packages/react/src/components/password-input/password-input.test.tsx.snap
index 1076144eff..59345fc097 100644
--- a/packages/react/src/components/password-input/password-input.test.tsx.snap
+++ b/packages/react/src/components/password-input/password-input.test.tsx.snap
@@ -85,10 +85,11 @@ exports[`PasswordInput matches the snapshot (Disabled) 1`] = `
   color: #000000;
 }
 
-.c7:disabled {
+.c7[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c7 > svg {
@@ -524,10 +525,11 @@ exports[`PasswordInput matches the snapshot (Invalid) 1`] = `
   color: #000000;
 }
 
-.c9:disabled {
+.c9[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c9 > svg {
@@ -1003,10 +1005,11 @@ exports[`PasswordInput matches the snapshot (Normal) 1`] = `
   color: #000000;
 }
 
-.c7:disabled {
+.c7[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c7 > svg {
diff --git a/packages/react/src/components/tabs/tabs.test.tsx.snap b/packages/react/src/components/tabs/tabs.test.tsx.snap
index ff4f28144d..12be9ca7bd 100644
--- a/packages/react/src/components/tabs/tabs.test.tsx.snap
+++ b/packages/react/src/components/tabs/tabs.test.tsx.snap
@@ -233,10 +233,11 @@ exports[`Tabs matches snapshot (global) 1`] = `
   color: #000000;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -682,10 +683,11 @@ exports[`Tabs matches snapshot (mobile) 1`] = `
   color: #000000;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 {
@@ -1142,10 +1144,11 @@ exports[`Tabs matches snapshot 1`] = `
   color: #000000;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 {
diff --git a/packages/react/src/components/tag/tag.test.tsx.snap b/packages/react/src/components/tag/tag.test.tsx.snap
index 0f58396d4f..da77162e3c 100644
--- a/packages/react/src/components/tag/tag.test.tsx.snap
+++ b/packages/react/src/components/tag/tag.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`Tag Tag size=medium color=decorative-01 matches snapshot (desktop remov
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -365,10 +366,11 @@ exports[`Tag Tag size=medium color=decorative-01 matches snapshot (mobile remova
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -646,10 +648,11 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (desktop remov
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -927,10 +930,11 @@ exports[`Tag Tag size=medium color=decorative-02 matches snapshot (mobile remova
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -1208,10 +1212,11 @@ exports[`Tag Tag size=medium color=default matches snapshot (desktop removable)
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -1489,10 +1494,11 @@ exports[`Tag Tag size=medium color=default matches snapshot (mobile removable) 1
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -1771,10 +1777,11 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (desktop remova
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -2052,10 +2059,11 @@ exports[`Tag Tag size=small color=decorative-01 matches snapshot (mobile removab
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -2334,10 +2342,11 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (desktop remova
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -2615,10 +2624,11 @@ exports[`Tag Tag size=small color=decorative-02 matches snapshot (mobile removab
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -2897,10 +2907,11 @@ exports[`Tag Tag size=small color=default matches snapshot (desktop removable) 1
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -3178,10 +3189,11 @@ exports[`Tag Tag size=small color=default matches snapshot (mobile removable) 1`
   color: #000000;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
diff --git a/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap b/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
index 927fab83c3..732f6adfc0 100644
--- a/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
+++ b/packages/react/src/components/theme-wrapper/theme-wrapper.test.tsx.snap
@@ -82,10 +82,11 @@ exports[`Theme Wrapper Returns component with custom theme 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
@@ -176,10 +177,11 @@ exports[`Theme Wrapper Returns component with default theme 1`] = `
   color: #FFFFFF;
 }
 
-.c1:disabled {
+.c1[aria-disabled='true'] {
   background-color: #84C6EA;
   border-color: #84C6EA;
   color: #FFFFFF;
+  cursor: not-allowed;
 }
 
 <button
diff --git a/packages/react/src/components/toast/toast-container.test.tsx.snap b/packages/react/src/components/toast/toast-container.test.tsx.snap
index 522407e4c4..f0524fe999 100644
--- a/packages/react/src/components/toast/toast-container.test.tsx.snap
+++ b/packages/react/src/components/toast/toast-container.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`ToastContainer should match snapshot (alert) 1`] = `
   color: #FFFFFF;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -371,10 +372,11 @@ exports[`ToastContainer should match snapshot (discovery) 1`] = `
   color: #FFFFFF;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -658,10 +660,11 @@ exports[`ToastContainer should match snapshot (neutral) 1`] = `
   color: #FFFFFF;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -945,10 +948,11 @@ exports[`ToastContainer should match snapshot (success) 1`] = `
   color: #FFFFFF;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
@@ -1232,10 +1236,11 @@ exports[`ToastContainer should match snapshot (warning) 1`] = `
   color: #FFFFFF;
 }
 
-.c4:disabled {
+.c4[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c4 > svg {
diff --git a/packages/react/src/components/toggletip/toggletip.test.tsx.snap b/packages/react/src/components/toggletip/toggletip.test.tsx.snap
index 40659ea546..d7905c2999 100644
--- a/packages/react/src/components/toggletip/toggletip.test.tsx.snap
+++ b/packages/react/src/components/toggletip/toggletip.test.tsx.snap
@@ -84,10 +84,11 @@ exports[`Toggletip Has default desktop styles (defaultOpen) 1`] = `
   color: #000000;
 }
 
-.c0:disabled {
+.c0[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 > svg {
@@ -451,10 +452,11 @@ exports[`Toggletip Has default desktop styles 1`] = `
   color: #000000;
 }
 
-.c0:disabled {
+.c0[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 > svg {
@@ -631,10 +633,11 @@ exports[`Toggletip Has mobile styles (defaultOpen) 1`] = `
   color: #000000;
 }
 
-.c0:disabled {
+.c0[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 > svg {
@@ -998,10 +1001,11 @@ exports[`Toggletip Has mobile styles 1`] = `
   color: #000000;
 }
 
-.c0:disabled {
+.c0[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #B7BBC2;
+  cursor: not-allowed;
 }
 
 .c0 > svg {
diff --git a/packages/react/src/components/user-profile/user-profile.test.tsx.snap b/packages/react/src/components/user-profile/user-profile.test.tsx.snap
index b77b9ded71..426da6ba57 100644
--- a/packages/react/src/components/user-profile/user-profile.test.tsx.snap
+++ b/packages/react/src/components/user-profile/user-profile.test.tsx.snap
@@ -109,10 +109,11 @@ exports[`UserProfile Matches Snapshot (defaultOpen) 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c7 {
@@ -801,10 +802,11 @@ exports[`UserProfile Matches Snapshot (desktop) 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c7 {
@@ -1469,10 +1471,11 @@ exports[`UserProfile Matches Snapshot (mobile) 1`] = `
   color: #FFFFFF;
 }
 
-.c3:disabled {
+.c3[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c3 > svg {
@@ -2182,10 +2185,11 @@ exports[`UserProfile Matches Snapshot (tag="nav") 1`] = `
   color: #FFFFFF;
 }
 
-.c2:disabled {
+.c2[aria-disabled='true'] {
   background-color: transparent;
   border-color: transparent;
   color: #006296;
+  cursor: not-allowed;
 }
 
 .c7 {