diff --git a/public/index.html b/public/index.html
index f1d3a19..4f416f7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,10 +3,7 @@
 
 <head>
 	<title>Whiteboard</title>
-
-	<!--- Set width for Mobile Devices -!-->
-	
-	
+	<meta charset="utf-8" />
 
 	<!--- JS References -!-->
 	<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
@@ -23,10 +20,11 @@
 	<link rel="stylesheet" href="./css/jquery-ui.min.css">
 	<link href="./css/main.css" rel="stylesheet">
 
+	<!--- Set width for Mobile Devices -!-->
 	<script>
 		//Set correct width height on mobile browsers
 		var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-		if(isChrome) {
+		if (isChrome) {
 			$('head').append('<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />');
 		} else {
 			$('head').append('<meta name="viewport" content="width=1400" />');
@@ -34,7 +32,8 @@
 	</script>
 </head>
 
-<body style="position: relative; margin: 0px; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;  overflow: hidden;">
+<body
+	style="position: relative; margin: 0px; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;  overflow: hidden;">
 	<!---Whiteboard container -!-->
 	<div style="height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;" id="whiteboardContainer"></div>
 
