diff --git a/dist/index.html b/dist/index.html
index 481b4d7..5b591ce 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,19 +1,33 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>
 <meta name="viewport" content="width=device-width, initial-scale=1">
-body {
-	margin:1em;
-}
-#qrtext {
-	width:80%;
-}
-#qrcode {
-	width:160px;
-	height:160px;
-	margin-top:15px;
-}
+
+<style>
+	body {
+		background-color: #ccc;
+	}
+
+	#qrtext {
+		max-width: 512px;
+		display: block;
+		margin: 0 auto;
+		width:80%;
+		padding: 5px 7px;
+		border: 1px solid #000;
+		border-radius: 10px;
+		background-color: #f0f0f0;
+	}
+	#qrcode {
+		margin: 0 auto;
+		width:256px;
+		height:256px;
+		margin-top:15px;
+		padding: 10px;
+		border: 1px solid #000;
+		border-radius: 10px;
+		background-color: #f0f0f0;
+	}
 </style>
 <script src="qr.js"></script>
 <script type="text/javascript">
@@ -21,7 +35,11 @@ var qrcode = null;
 var qrtext = null;
 function init() {
 	qrtext = document.getElementById("qrtext");
-	qrcode = new QRCode(document.getElementById("qrcode"));
+	qrcode = new QRCode(document.getElementById("qrcode"), {
+		correctLevel : QRCode.CorrectLevel.L,
+		colorDark: '#333',
+		colorLight: '#f0f0f0'
+	});
 	qrtext.focus();
 	parseLocation();
 }
