diff --git a/loleaflet/css/vex.css b/loleaflet/css/vex.css
index 87387ff60..ac1459f85 100644
--- a/loleaflet/css/vex.css
+++ b/loleaflet/css/vex.css
@@ -131,4 +131,11 @@
 		background-color: #fff !important;
 		border: 1px solid #aaa !important;
 	}
+	.vex-overlay.loleaflet-user-idle-overlay {
+		background-color: #05396180;
+	}
+	.vex-content.loleaflet-user-idle{
+		padding-top: 160px !important;
+		padding-bottom: 160px !important;
+	}
 }
diff --git a/loleaflet/src/core/Socket.js b/loleaflet/src/core/Socket.js
index 6f3d22d27..6617d9ef5 100644
--- a/loleaflet/src/core/Socket.js
+++ b/loleaflet/src/core/Socket.js
@@ -448,6 +448,7 @@ L.Socket = L.Class.extend({
 					map._documentIdle = false;
 					return map._activate();
 				};
+				$('.vex-overlay').addClass('loleaflet-user-idle-overlay');
 			}
 
 			if (postMsgData['Reason']) {