Looking to apply a margin-right to my button. Currently utilizing mui 5 with Button variant='contained'.
I created a custom CSS style using the styled component in mui and targeted the Box.
const Wrapper = styled(Box)({
display: 'flex',
margin: '0, 3%, 0, auto',
'& .button':{
marginRight: '40px',
}
})
I am trying to specifically target and apply a marginRight property to my button element, but the code above is not working.
<Wrapper>
<Button variant='contained'>Login</Button>
<Typography>Become a Seller</Typography>
<Typography>More</Typography>
</Wrapper>
I aim to select and style the button element mentioned above. However, I am unsure how to achieve this using Styled imported from
import styled from '@emotion/styled';