Box wrapped around Divider doesn't accept margin props

[zeckdude]

When wrapping the Divider component with the Box component to get access to the utility props, the margin props aren't working.

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

The margin props should set the margin styling on the component that is passed to `Box`.

Current Behavior 😯

The margin props are being ignored.

Steps to Reproduce 🕹

https://stackblitz.com/edit/uaeepa

Context 🔦

I want to be able to add margin on the Divider without having to wrap Box around it

Your Environment 🌎

Tech	Version
Material-UI	v4.0.1
React	16.8.6
Browser	Chrome 75.0.3770.142
TypeScript	No

[oliviertassinari]

@zeckdude This is a known limitation. You have to reverse the import order to get the CSS injection order correct:

import Divider from '@material-ui/core/Divider';
import Box from '@material-ui/core/Box';

We want to make the system native in #15561. It wouldn't suffer from this problem.