Move width styling onto the paper component; fixes #2094

src/components/WindowSideBar.js

@@ -22,10 +22,10 @@ export class WindowSideBar extends Component {
         <Drawer
           variant="persistent"
           className={classNames(classes.drawer)}
-          classes={{ paper: classNames(classes.drawer) }}
+          classes={{ paper: classNames(classes.paper) }}
           anchor="left"
-          PaperProps={{ style: { position: 'relative' } }}
-          component="aside"
+          PaperProps={{ style: { position: 'relative' }, component: 'aside' }}
+          SlideProps={{ mountOnEnter: true, unmountOnExit: true }}
           open={sideBarOpen}
         >
           <WindowSideBarButtons windowId={windowId} />

src/containers/WindowSideBar.js

@@ -24,10 +24,12 @@ const mapStateToProps = (state, props) => (
  */
 const styles = theme => ({
   toolbar: theme.mixins.toolbar,
-  drawer: {
+  paper: {
     overflowX: 'hidden',
-    left: 0,
     width: 55,
+  },
+  drawer: {
+    left: 0,
     flexShrink: 0,
     height: '100%',
     zIndex: theme.zIndex.appBar - 1,