I have a DataGrid whose column toggles are somehow placed too far to the right of their container. I don’t have hardly any custom theming in place, and it only happens with the column toggles in the DataGrid. If I create a New-UDSwitch elsewhere in the same dashboard it renders just fine.
.MuiAppBar-colorPrimary {
color: #fff;
background-color: #003087 !important;
}
.MuiFormLabel-root.Mui-focused {
color: #859CC7 !important;
}
.MuiInput-underline:after {
border-bottom: 2px solid #859CC7 !important;
}
.MuiCheckbox-colorSecondary.Mui-checked {
color: #3A62AB !important;
}
.MuiTypography-h6 {
font-size: 1.5em !important;
font-weight: bold !important;
}
.MuiPickersStaticWrapper-staticWrapperRoot {
min-width: 25px !important;
}
.FooterBar {
background-color: #F4F4F6 !important;
box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 5px;
}
.MuiButton-contained {
background-color: #003087;
}
.MuiButton-contained:hover {
background-color: rgb(24, 144, 255);
}
