diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx
index 97fa1398..ec69229d 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -308,7 +308,7 @@ class IDEView extends React.Component {
               defaultSize="50%"
               onChange={() => { this.overlay.style.display = 'block'; }}
               onDragFinished={() => { this.overlay.style.display = 'none'; }}
-              resizerStyle={{ marginRight: '5px' }}
+              resizerStyle={{ marginRight: '0', marginLeft: '-10px' }}
             >
               <SplitPane
                 split="horizontal"
diff --git a/client/styles/components/_resizer.scss b/client/styles/components/_resizer.scss
index a9554dfb..bf2b0ada 100644
--- a/client/styles/components/_resizer.scss
+++ b/client/styles/components/_resizer.scss
@@ -10,6 +10,7 @@
     -moz-background-clip: padding;
     -webkit-background-clip: padding;
     background-clip: padding-box;
+    z-index: 9999;
 }
 
 // .Resizer:hover {