diff --git a/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss b/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss index cddb1ac41..0c0cdb1d5 100644 --- a/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss +++ b/forms-flow-web/src/components/FOI/FOIRequest/MinistryReview/MinistryReview.scss @@ -85,12 +85,20 @@ .MuiFormLabel-root.Mui-disabled { font-family: "BCSans-Bold", sans-serif !important; - color: rgba(0, 0, 0, 0.58) !important; + color: black !important; } -input.MuiInputBase-input.Mui-disabled { +.MuiInputBase-input.Mui-disabled { background-color: #EEEEEE; - color: rgba(0, 0, 0, 0.58); + color: black; +} + +// .Mui-disabled.MuiInputBase-root { +// background-color: #EEEEEE; +// } + +.request-flag .MuiInputBase-input.Mui-disabled { + background-color: transparent !important; } .PrivateNotchedOutline-legendLabelled-4 { diff --git a/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx b/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx index e916cf549..bb67e4ce7 100644 --- a/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx +++ b/forms-flow-web/src/components/FOI/customComponents/CFRForm/index.tsx @@ -556,6 +556,8 @@ export const CFRForm = ({ component="form" sx={{ '& .MuiTextField-root': { my: 1, mx: 0 }, + '& .Mui-disabled': { '-webkit-text-fill-color': "black !important" }, + '& .MuiInputBase-root.Mui-disabled': { 'background-color': "#eee !important" }, }} autoComplete="off" >