Currently, I am incorporating a Material Ui table into my project. My goal is to eliminate the border and adjust the padding of the table. Upon investigation, I came across a default className for material ui table known as MuiTableCell-root-40. Below is the snippet of my CSS code for overriding the default style:
.MuiTableCell-root-40{
border-bottom: none !important;
padding: 0.5% 0.5% !important;
}
Nevertheless, upon initially reloading my page, the default styling of the Material Ui table persists. It necessitates a subsequent page refresh in order for the external css file to take effect. Any assistance provided would be immensely appreciated. Thank you!