From c1b7ebf863c8e06552888df3bb44e4ea0c61bb6d Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 23 Jan 2025 12:31:24 +0530
Subject: [PATCH] Disabled

---
 web/packages/base/components/RowButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/packages/base/components/RowButton.tsx b/web/packages/base/components/RowButton.tsx
index fb477ba306..f51901214e 100644
--- a/web/packages/base/components/RowButton.tsx
+++ b/web/packages/base/components/RowButton.tsx
@@ -101,6 +101,10 @@ export const RowButtonGroup = styled("div")(
         border-radius: 8px;
         background-color: transparent;
     }
+    /** Need to retarget the disabled state with increased specificity. */
+    & > button.Mui-disabled {
+        background-color: transparent;
+    }
     & > button:not(:last-of-type) {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
@@ -248,9 +252,10 @@ export const RowButton: React.FC<RowButtonProps> = ({
                     alignItems: "center",
                     px: "16px",
                     pr: "12px",
-                    color: "primary.main",
+                    color: "text.base",
                 },
                 color == "critical" && { color: "critical.main" },
+                disabled && { color: "text.muted" },
             ]}
         >
             <Stack direction="row" sx={{ py: "14px", gap: "10px" }}>