Fix the scrolling CSS disaster

src/components/layers/LayerEditor.jsx

@@ -5,8 +5,6 @@ import FilterEditor from '../filter/FilterEditor'
 import PropertyGroup from '../fields/PropertyGroup'
 import LayerEditorGroup from './LayerEditorGroup'
 
-import ScrollContainer from '../ScrollContainer'
-
 import layout from '../../config/layout.json'
 import theme from '../../config/rebass.js'
 

src/components/layers/LayerList.jsx

@@ -3,7 +3,6 @@ import PureRenderMixin from 'react-addons-pure-render-mixin';
 import cloneDeep from 'lodash.clonedeep'
 
 import LayerListItem from './LayerListItem'
-import ScrollContainer from '../ScrollContainer'
 
 import style from '../../libs/style.js'
 import { margins } from '../../config/scales.js'
@@ -76,11 +75,9 @@ class LayerListContainer extends React.Component {
         onLayerVisibilityToggle={this.onLayerVisibilityToggle.bind(this)}
       />
     })
-    return <ScrollContainer>
-      <ul style={{ padding: margins[1], paddingRight: 0, margin: 0 }}>
-        {layerPanels}
-      </ul>
-    </ScrollContainer>
+    return <ul style={{ padding: margins[1], paddingRight: 0, margin: 0 }}>
+      {layerPanels}
+    </ul>
   }
 }