diff --git a/less/message.less b/less/message.less
index 0cccc60..0076c1b 100644
--- a/less/message.less
+++ b/less/message.less
@@ -1,31 +1,33 @@
 #message {
-	position: absolute;
-	top: 0;
-	right: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+
+  padding: 0.4em 0.5em;
+  border-radius: 0 0 0 10px;
+  border: 2px solid #333;
+  border-width: 0 0 2px 2px;
+  font-weight: bold;
+  box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
+
+  color: #333;
+  white-space:nowrap;
+
+  z-index: 5;
 	
-	padding: 0.4em 0.5em;
-	border-radius: 0 0 0 10px;
-	border: 2px solid #333;
-	border-width: 0 0 2px 2px;
-	font-weight: bold;
-	box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
-	
-	color: #333;
-	white-space:nowrap; 
-	
-	display:none;
-	
-	&.error {
-		background: #EB313C;
-		color: #fff;
-	}
-	&.warning {
-		background: #E9A86E;	
-	}
-	&.notice {
-		background: #93CAF4;
-	}
-	&.info {
-		background: #97DD8A;
-	}
+  display:none;
+
+  &.error {
+      background: #EB313C;
+      color: #fff;
+  }
+  &.warning {
+      background: #E9A86E;
+  }
+  &.notice {
+      background: #93CAF4;
+  }
+  &.info {
+      background: #97DD8A;
+  }
 }
\ No newline at end of file
diff --git a/www/index.html b/www/index.html
index e4367ee..b2bc476 100644
--- a/www/index.html
+++ b/www/index.html
@@ -60,8 +60,9 @@
       <img class="btnInfo btn" src="img/buttons/btnInfo.png">
     </div>
 
-    <div id="message"></div>
   </div>
+  
+  <div id="message"></div>
 
   <!-- center panel -->
   <div class="centerpanel">