Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

borderColor not respected anymore #16995

levrik opened this issue Aug 14, 2019 · 1 comment


Copy link

commented Aug 14, 2019

After the upgrade from 4.3.1 to 4.3.2 the borderColor prop doesn't get respected anymore on a Box, at least for the following specific case.

<Box borderRight={1} borderColor="grey.200" height={1} />

The resulting CSS looks like this:

.MuiBox-root-42 {
    height: 100%;
    border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238);
    border-right: 1px solid;

Apparently the border color was set for all sides except the one that has a border width and style set.

Maybe this issue is connected to #16875 which seems to have landed in 4.3.2.

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

This comment was marked as off-topic.

Copy link

commented Aug 14, 2019

I found a workaround:

<Box borderRight={1} borderColor="currentcolor" color="grey.200" height={1} />

Is not ideal, I know, but I needed to fix them.

Another workaround without setting color

<Box borderRight={1} clone>
  <Box borderColor="grey.200" height={1} />

Edit: This didn't solve my problems. We need an actual fix. I will hide this comment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
3 participants
You can’t perform that action at this time.