From 207c1319b156820f144b4da03da244f595c17ccc Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Sun, 28 Oct 2018 14:12:01 +0100
Subject: [PATCH] fix overflow of the aside

---
 embark-ui/src/containers/EditorContainer.css | 2 +-
 embark-ui/src/containers/EditorContainer.js  | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/embark-ui/src/containers/EditorContainer.css b/embark-ui/src/containers/EditorContainer.css
index 2e9c73dc..83c41f0b 100644
--- a/embark-ui/src/containers/EditorContainer.css
+++ b/embark-ui/src/containers/EditorContainer.css
@@ -16,7 +16,7 @@
   background-color: #20a8d8;
 }
 
-.explorer-aside-card {
+.editor-aside {
   position: absolute;
   top: 0;
   left: 0;
diff --git a/embark-ui/src/containers/EditorContainer.js b/embark-ui/src/containers/EditorContainer.js
index 42b7e823..7e231bfc 100644
--- a/embark-ui/src/containers/EditorContainer.js
+++ b/embark-ui/src/containers/EditorContainer.js
@@ -71,8 +71,12 @@ class EditorContainer extends React.Component {
         <Col xs={this.textEditorXsSize()} md={this.textEditorMdSize()} style={{overflow: 'hidden'}}>
           <TextEditorContainer currentFile={this.props.currentFile} onFileContentChange={(newContent) => this.onFileContentChange(newContent)} />
         </Col>
-        {this.state.currentAsideTab && <Col xs={6} md={3} className="editor-aside border-left-0">
-          <TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab} currentFile={this.props.currentFile} />
+        {this.state.currentAsideTab &&
+        <Col xs={6} md={3} className="border-left-0 relative">
+          <div className="editor-aside">
+            <TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab}
+                                      currentFile={this.props.currentFile}/>
+          </div>
         </Col>}
       </Row>
     );