Responsive sidebar widths resize incorrectly

[mchong-teal]

When the width of the sidebar is set using a media query (e.g. width: 20vw or @media...), and the window is resized, the main non-sidebar content resizes incorrectly.

Edit: Issue occurs if style is set via 'styles' prop, or if sidebar content width is set.

[mchong-teal]

Fixed it by conditionally setting content width based on a media query sizing (using the styles prop). I suppose if I were using breakpoints I would need to add a custom class and provide my own css?

[mchong-teal]

^But doing this makes the slide out/in animations look real bad.