Add overflow and scrollbar color to WindowSurface

2 files changed, 2 insertions, 11 deletions

diff --git a/src/components/SmartList/SmartList.js b/src/components/SmartList/SmartList.js
index 975cbbd..68235a2 100644
--- a/src/components/SmartList/SmartList.js
+++ b/src/components/SmartList/SmartList.js
@@ -3,18 +3,8 @@ import React from 'react';
 import { FixedSizeList } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
-import { makeStyles } from '@material-ui/core';
-
-
-const useStyles = makeStyles(theme => ({
-  root: {
-    scrollbarColor: `${theme.palette.primary.dark} ${theme.palette.primary.light}`,
-  }
-}));
-
 
 const SmartList = ({ itemSize, itemCount, renderItem }) => {
-  const classes = useStyles();
 
   return (
     <div style={{ flex: '1 1 auto'}}>
@@ -25,7 +15,6 @@ const SmartList = ({ itemSize, itemCount, renderItem }) => {
             width={width}
             itemSize={itemSize}
             itemCount={itemCount}
-            className={classes.root}
           >
             {renderItem}
           </FixedSizeList>
diff --git a/src/components/Window/WindowSurface/WindowSurface.js b/src/components/Window/WindowSurface/WindowSurface.js
index d1d1510..c4e6b3d 100644
--- a/src/components/Window/WindowSurface/WindowSurface.js
+++ b/src/components/Window/WindowSurface/WindowSurface.js
@@ -9,6 +9,8 @@ const useStyles = makeStyles(theme => ({
     display: 'flex',
     flexDirection: 'column',
     background: theme.palette.background.elevation,
+    overflowY: 'auto',
+    scrollbarColor: `${theme.palette.primary.dark} ${theme.palette.primary.light}`,
   }
 }));