diff --git a/index.html b/index.html
index 4d49e07d..1d37913f 100644
--- a/index.html
+++ b/index.html
@@ -183,7 +183,15 @@
         selectedChanged: function() {
           if (this.selected == 'code') {
             this.designToCode();
-            this.$.code.refresh();  
+            this.$.code.refresh();
+            this.async(function() {
+              this.$.code.focus();
+              // TODO(sorvell): we want to fold the <style> element.
+              // we should search for it rather than assume it's on the first line
+              // search looks like it needs a CodeMirror plugin.
+              this.$.code.mirror.foldCode(0);
+              this.$.code.mirror.execCommand('goLineDown');
+            });
           } else {
             this.$.frame.style.display = 'none';
             this.codeToDesign();