diff --git a/shared/naturalcrit/splitPane/splitPane.jsx b/shared/naturalcrit/splitPane/splitPane.jsx
index e29c7f358..3207623f7 100644
--- a/shared/naturalcrit/splitPane/splitPane.jsx
+++ b/shared/naturalcrit/splitPane/splitPane.jsx
@@ -40,8 +40,12 @@ const SplitPane = createClass({
 	},
 	handleMove : function(e){
 		if(!this.state.isDragging) return;
+
+		const minWidth = 1;
+		const maxWidth = window.innerWidth - 13;
+		const newSize = Math.min(maxWidth, Math.max(minWidth, e.pageX));
 		this.setState({
-			size : e.pageX
+			size : newSize
 		});
 	},
 	/*
diff --git a/shared/naturalcrit/splitPane/splitPane.less b/shared/naturalcrit/splitPane/splitPane.less
index 0eae60f0d..0e9095193 100644
--- a/shared/naturalcrit/splitPane/splitPane.less
+++ b/shared/naturalcrit/splitPane/splitPane.less
@@ -28,5 +28,8 @@
 				color     : #666;
 			}
 		}
+		&:hover{
+			background-color: #999;
+		}
 	}
 }