diff --git a/assets/tags/application.tag.html b/assets/tags/application.tag.html
index 04069ce..980bfa9 100644
--- a/assets/tags/application.tag.html
+++ b/assets/tags/application.tag.html
@@ -6,6 +6,18 @@
 
     <script>
         var tag = this;
+
+        // HACK: temp 3d viewport sizing
+        var viewport = function() {
+            function current() {
+                return window.innerWidth - 540; // 540 is UI elements
+            }
+
+            return {
+                height: (current() / 4) * 3, //4x3 resolution
+                width: current()
+            }
+        }
     
         tag.on('mount', function() {
 
@@ -13,12 +25,12 @@
             var app = new pc.Application(canvas, {});
             app.start();
 
-            app.setCanvasFillMode(pc.FILLMODE_NONE, 640, 480);
+            app.setCanvasFillMode(pc.FILLMODE_NONE, viewport().width, viewport().height);
             app.setCanvasResolution(pc.RESOLUTION_AUTO);
 
             // ensure canvas is resized when window changes size
             window.addEventListener('resize', function() {
-                app.resizeCanvas();
+                app.resizeCanvas(viewport().width,viewport().height);
             });
 
             // create box entity