fix: adding color transparent to button when loading

bluewave-labs · Dec 4, 2024 · 941761c · 941761c
1 parent 972fbd5
commit 941761c
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
@@ -93,9 +93,19 @@ const baseTheme = (palette) => ({
 					"&:hover": {
 						boxShadow: "none",
 					},
-					"&.MuiLoadingButton-root:disabled": {
-						backgroundColor: theme.palette.secondary.main,
-						color: theme.palette.text.primary,
+					"&.MuiLoadingButton-root": {
+						"&:disabled": {
+							backgroundColor: theme.palette.secondary.main,
+							color: theme.palette.text.primary,
+						},
+					},
+					"&.MuiLoadingButton-loading": {
+						"& .MuiLoadingButton-label": {
+							color: "transparent",
+						},
+						"& .MuiLoadingButton-loadingIndicator": {
+							color: "inherit",
+						},
 					},
 				}),
 			},