diff --git a/Client/src/Components/Inputs/Image/index.jsx b/Client/src/Components/Inputs/Image/index.jsx
index 0a2a2ef91..971f17c00 100644
--- a/Client/src/Components/Inputs/Image/index.jsx
+++ b/Client/src/Components/Inputs/Image/index.jsx
@@ -106,7 +106,7 @@ const ImageField = ({ id, src, loading, onChange, error, isRound = true, maxSize
 								<Typography
 									component="span"
 									fontSize="inherit"
-									color={theme.palette.primary.main}
+									color="info"
 									fontWeight={500}
 								>
 									Click to upload
diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index f5ca9e1ff..d02a4c72f 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -128,6 +128,10 @@ const baseTheme = (palette) => ({
 					"&:hover": {
 						boxShadow: "none",
 					},
+					"&.Mui-disabled": {
+						backgroundColor: theme.palette.secondary.main,
+						color: theme.palette.primary.contrastText,
+					},
 					"&.MuiLoadingButton-root": {
 						"&:disabled": {
 							backgroundColor: theme.palette.secondary.main,