diff --git a/packages/components/src/components/button/button.tsx b/packages/components/src/components/button/button.tsx
index a0e3f6e4eb..c8b0b569bb 100644
--- a/packages/components/src/components/button/button.tsx
+++ b/packages/components/src/components/button/button.tsx
@@ -201,6 +201,12 @@ export class Button {
       this.disabled && 'disabled'
     );
 
+    if (!this.disabled) {
+      this.hostElement.removeAttribute('disabled');
+    } else {
+      this.hostElement.setAttribute('disabled', 'true');
+    }
+
     return (
       <Host>
         {this.styles && <style>{this.styles}</style>}