Styled Dialog - Copy this React, Mui Component to your project

export const Search = styled('div')(({ theme }) => ({ position: 'relative', borderRadius: theme.shape.borderRadius, backgroundColor: alpha(theme.palette.common.white, 0.15), '&:hover': { backgroundColor: alpha(theme.palette.common.white, 0.25), }, marginLeft: 0, [theme.breakpoints.up('sm')]: { marginLeft: theme.spacing(1), width: '80%', }, }));