diff --git a/toucheffects/scripts/demo.js b/toucheffects/scripts/demo.js
index 2682f8e..2b6fed2 100644
--- a/toucheffects/scripts/demo.js
+++ b/toucheffects/scripts/demo.js
@@ -56,8 +56,8 @@
 	var sizeCanvas = function () {
 		canvasElm = document.getElementById('canvas');
 
-		canvasElm.width = document.documentElement.clientWidth;
-		canvasElm.height = document.documentElement.clientHeight;
+		canvasElm.width = canvasElm.clientWidth;
+		canvasElm.height = canvasElm.clientWidth * 9 / 16;
 	};
 
 	// Create physics objects for the particles
diff --git a/toucheffects/styles/demo.css b/toucheffects/styles/demo.css
index ab16072..acc5e5b 100644
--- a/toucheffects/styles/demo.css
+++ b/toucheffects/styles/demo.css
@@ -57,6 +57,10 @@
     vertical-align: top;
 }
 
+	.control-group * + * {
+		margin-top: 0;
+	}
+
 #demo-controlsgripper {
     display: inline-block;
     width: 50px;
@@ -65,6 +69,7 @@
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
+	margin-top: 0;
 }
 
 .demo-controlsactive > #demo-controlsgripper {