diff --git a/index.css b/index.css
index dfc2f3e..7c163e7 100644
--- a/index.css
+++ b/index.css
@@ -55,8 +55,8 @@ h1 {
 #app {
 	background: #000;
 	position: absolute;
-	width: 1000px;
-	height: 600px;
+	width: 300px;
+	height: 300px;
 	left:0;
 	right:0;
 	margin-left:auto;
diff --git a/index.js b/index.js
index 9ffdafe..f5b9628 100644
--- a/index.js
+++ b/index.js
@@ -32,8 +32,16 @@ function init() {
 	return false;
 }
 
-function onOpen(evt) {
+function resize(){
+	var app = document.getElementById('app');
+	app.style.width = (window.innerWidth - 8) + 'px';
+	app.style.height = (window.innerHeight - 4) + 'px';
 	updateUser();
+}
+
+function onOpen(evt) {
+	resize();
+	window.addEventListener('resize', resize, false);
 	setInterval(poll, speed, true);
 }
 
@@ -162,7 +170,7 @@ function drawRemove(line){
 function updateUser() {
 	var myself = {
 		name: myName,
-		size: {width: window.innerWidth, height: window.innerHeight}
+		size: {width: window.innerWidth - 8, height: window.innerHeight - 4}
 	};
 	var packet = {
 		command: 'update user',