make carbon the file drop target

pages/editor.js

@@ -80,9 +80,6 @@ class Editor extends React.Component {
   render () {
     return (
         <Page enableHeroText>
-          <ReadFileDropContainer
-            onDrop={droppedContent => this.setState({ droppedContent })}
-          >
           <div id="editor">
             <Toolbar
               save={this.save}
@@ -95,11 +92,15 @@ class Editor extends React.Component {
               bg={this.state.background}
               enabled={this.state}
             />
+            <ReadFileDropContainer
+              onDrop={droppedContent => this.setState({ droppedContent })}
+            >
               <Carbon config={this.state}>
                 {this.state.droppedContent || this.props.content || DEFAULT_CODE}
               </Carbon>
-            </div>
             </ReadFileDropContainer>
+          </div>
+
           <style jsx>{`
             #editor {
               background: ${COLORS.BLACK};