From 3ade98879b5d3d0c70712070f7b217c175842f28 Mon Sep 17 00:00:00 2001
From: Evan Simkowitz <esimkowitz@users.noreply.github.com>
Date: Wed, 18 Sep 2024 14:14:03 -0700
Subject: [PATCH] Fix button disabled behavior

---
 frontend/app/element/button.less | 3 ++-
 frontend/app/element/button.tsx  | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/app/element/button.less b/frontend/app/element/button.less
index 8d74b84b9..96d2da031 100644
--- a/frontend/app/element/button.less
+++ b/frontend/app/element/button.less
@@ -144,9 +144,10 @@
         }
     }
 
-    &.disabled {
+    &:disabled {
         cursor: default;
         opacity: 0.5;
+        pointer-events: none;
     }
 
     &:focus,
diff --git a/frontend/app/element/button.tsx b/frontend/app/element/button.tsx
index 75403e34b..964671c47 100644
--- a/frontend/app/element/button.tsx
+++ b/frontend/app/element/button.tsx
@@ -35,9 +35,7 @@ const Button = memo(
                 <button
                     ref={btnRef}
                     tabIndex={disabled ? -1 : 0}
-                    className={clsx("button", finalClassName, {
-                        disabled,
-                    })}
+                    className={clsx("button", finalClassName)}
                     disabled={disabled}
                     {...props}
                 >