diff --git a/dev/Knoin/Knoin.js b/dev/Knoin/Knoin.js
index ea089f220..da3cc0c76 100644
--- a/dev/Knoin/Knoin.js
+++ b/dev/Knoin/Knoin.js
@@ -428,6 +428,10 @@
 		_.delay(function () {
 			Globals.$html.removeClass('rl-started-trigger').addClass('rl-started');
 		}, 50);
+
+		_.delay(function () {
+			Globals.$html.addClass('rl-started-delay');
+		}, 200);
 	};
 
 	/**
diff --git a/dev/Styles/Animations.less b/dev/Styles/Animations.less
index 07afc1fb8..b83d61e49 100644
--- a/dev/Styles/Animations.less
+++ b/dev/Styles/Animations.less
@@ -31,7 +31,7 @@ html.rl-started-trigger.no-mobile #rl-content {
 
 .rl-anim {
 
-	&.csstransitions.no-mobile {
+	&.csstransitions.no-mobile.rl-started-delay {
 
 		#rl-left {
 			.transition(width 0.3s ease-out);
diff --git a/dev/Styles/Layout.less b/dev/Styles/Layout.less
index 9eb913def..59ccf85be 100644
--- a/dev/Styles/Layout.less
+++ b/dev/Styles/Layout.less
@@ -215,8 +215,9 @@ html.rl-left-panel-disabled {
 	border-bottom-color: rgba(0,0,0,0.3);
 }
 
-.ui-resizable-handle {
-	/*background: red;*/
+.ui-resizable-handle:hover {
+	background: #aaa;
+	background: rgba(255,255,255,0.5);
 }
 
 html.rl-no-preview-pane {
diff --git a/dev/Styles/_End.less b/dev/Styles/_End.less
index 551ef82b6..f5a3a04b2 100644
--- a/dev/Styles/_End.less
+++ b/dev/Styles/_End.less
@@ -14,6 +14,7 @@
 
 .ui-resizable-e {
 	right: -1px;
+	width: 5px;
 }
 
 .pswp__error-msg {