fix sidebar decorator overflow

ShMcK · ShMcK · commit ff84fa45ea2c · 2019-10-26T14:38:45.000-07:00
diff --git a/web-app/stories/utils/SideBarDecorator.tsx b/web-app/stories/utils/SideBarDecorator.tsx
@@ -1,11 +1,16 @@
 import * as React from 'react'
 
 const styles = {
-  width: '20rem',
-  borderRight: '2px solid black',
-  height: window.innerHeight,
+  container: {
+    position: 'relative' as 'relative',
+    boxSizing: 'border-box' as 'border-box',
+    maxWidth: '20rem',
+    borderRight: '2px solid black',
+    width: '20rem',
+    height: window.innerHeight,
+  },
 }
 
-const SideBarDecorator = storyFn => <div style={styles}>{storyFn()}</div>
+const SideBarDecorator = storyFn => <div style={styles.container}>{storyFn()}</div>
 
 export default SideBarDecorator
