'Material UI MobileStepper background color change

Hoping someone can assist. I am using the MobileStepper component, specifically:

and attempting to use a different background color for this stepper. Looking at the Dev Tools for this component, I found the following:

.MuiMobileStepper-root {
    display: flex;
    padding: 8px;
    background: #fafafa;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

I actually just want to change the background value to:

.MuiMobileStepper-root {
    background: #dadada;
}

Unsure how to change this within my React component.

Not sure if it's an overrides/root style change?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Material UI MobileStepper background color change

Sources

Related Questions