diff --git a/portal/assets/css/ynhpanel.css b/portal/assets/css/ynhpanel.css
index c120780..f782580 100644
--- a/portal/assets/css/ynhpanel.css
+++ b/portal/assets/css/ynhpanel.css
@@ -36,10 +36,12 @@
 #ynhoverlay {
 	display: block;
 	position: absolute;
-	top: -100%;
-	left: 0;
+	top:0;
+	bottom:0;
+	left: 100%; /* this is the trick ! */
+	right: 0;
 	width: 100%;
-	height: 0;
+	height: 100%;
 	z-index: 999;
 	text-align: left;
 	overflow-y: auto;
@@ -56,15 +58,14 @@
 	font-weight: normal;
 	font-variant: normal;
 
-	-webkit-transition: all .25s ease-in-out;
-    -moz-transition: all .25s ease-in-out;
-    -ms-transition: all .25s ease-in-out;
-    -o-transition: all .25s ease-in-out;
-    transition: all .25s ease-in-out;
+	-webkit-transition: all .15s ease-in-out;
+    -moz-transition: all .15s ease-in-out;
+    -ms-transition: all .15s ease-in-out;
+    -o-transition: all .15s ease-in-out;
+    transition: all .15s ease-in-out;
 }
 #ynhoverlay.visible {
-	top:0;
-	height:100%;
+	left:0;
 	opacity: 1;
 	filter: alpha(opacity=100);
 }
@@ -134,7 +135,7 @@
 
 /* Application list */
 #ynhoverlay ul {
-	margin: 10% auto;
+	margin: 3em auto;
 	display: block;
 	width: 50%;
 	list-style: none;