CODE EXAMPLE FOR ASSEMBLY

how to custom style material ui

import * as React from 'react';
import Box from '@mui/material/Box';

export default function GlobalCssPriority() {
  return (
   <>
     <Box sx={{
       width: "30px", 
       height: "30px", 
       border: "1px solid red"}}>
       marginLeft: "10px"
       </Box>
   </>
  );
}

// sx prop can be used to custom style or override the default syles
// of mui. Inside the object properties can be defined. 
// just remember to use camel case for properties with more than
// one word.