diff --git a/build/css/main.css b/build/css/main.css
index fe78759c..d0bd91bf 100644
--- a/build/css/main.css
+++ b/build/css/main.css
@@ -5877,7 +5877,8 @@ hero-icon[disabled] hero-caption {
 
 hero-button .btn[disabled] {
   background-color: #313339;
-  color: #787c7f; }
+  color: #787c7f;
+  pointer-events: none; }
   hero-button .btn[disabled]:hover {
     background-color: #36383e; }
 
diff --git a/lib/scss/main.scss b/lib/scss/main.scss
index a60bed51..ef37a087 100644
--- a/lib/scss/main.scss
+++ b/lib/scss/main.scss
@@ -52,6 +52,7 @@ hero-button .btn {
   &[disabled] {
     background-color: $btn-disabled;
     color: $color-disabled;
+    pointer-events: none;
 
     &:hover {
       background-color: lighten($btn-disabled, 2);