Overriding UDMuCard-root-12 and makeStyles-main-4

PowerShell Universal
1 
Product: PowerShell Universal
Version: 3.3.3

I’m in the process of migrating a dashboard from a very old, legacy version of Universal Dashboard to PowerShell Universal. I’ve got to the point where all of the data I’m expecting is showing up and I’m trying to theme the board so that everything fits as it will be displayed on a wall-mounted TV.

In the old version I made a theme which removed a lot of margins, padding, titlebar etc.

I’ve been following the section in the docs around themes and have managed to override a number of Mui* classes without any problems, however if I try to override UDMuCard-root-12 or makeStyles-main-4 to remove margins/padding it’s not working.

Here is where I am currently:

$Theme = @{
    overrides = @{
        MuiToolbar = @{
            root = @{
                'display' = 'none'
            }
        }
        MuiCardHeader = @{
            root = @{
                'padding-bottom' = '0px'
            }
            title = @{
                'font-size' = '28px'
                'font-weight' = 'bold'
            }
        }
        MuiCardContent = @{
            root = @{
                'padding-bottom' = '0px'
            }
        }
        MuiTypography = @{
            root = @{
                'font-size' = '40px'
            }
        }
    }
}

If I add

makeStyles = @{
    main = @{
        "4" = @{
        }
    }
}

then nothing changes. I had to put the 4 into quotes as I was getting an error that a string wasn’t being used.

Is there a way to override these 2 classes?