diff --git a/public/js/lib/bonfire/framework.js b/public/js/lib/bonfire/framework.js
index 86bbefffc4..71a682dce4 100644
--- a/public/js/lib/bonfire/framework.js
+++ b/public/js/lib/bonfire/framework.js
@@ -27,7 +27,7 @@ myCodeMirror.setValue('/*Welcome to Bonfire, Free Code Camp\'s future CoderByte
 '  });\n' +
 '}\n\n' +
 'test();');
-myCodeMirror.setSize("100%", 500);
+myCodeMirror.setSize("100%", "100%");
 
 var codeOutput = CodeMirror.fromTextArea(document.getElementById("codeOutput"), {
     lineNumbers: false,
@@ -36,7 +36,11 @@ var codeOutput = CodeMirror.fromTextArea(document.getElementById("codeOutput"),
     readOnly: 'nocursor',
     lineWrapping: true
 });
-codeOutput.setSize("100%", 100);
+codeOutput.setValue('/**\n' +
+                    ' * Your output will go here. Console statements\n' +
+                    ' * will appear in your developer console!\n' +
+                    ' */');
+codeOutput.setSize("100%", "100%");
 var info = editor.getScrollInfo();
 var after = editor.charCoords({line: editor.getCursor().line + 1, ch: 0}, "local").top;
 if (info.top + info.clientHeight < after)
diff --git a/public/js/lib/codemirror/lib/codemirror.css b/public/js/lib/codemirror/lib/codemirror.css
index d4832bd020..cb705fa0a2 100644
--- a/public/js/lib/codemirror/lib/codemirror.css
+++ b/public/js/lib/codemirror/lib/codemirror.css
@@ -152,6 +152,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -30px; margin-right: -30px;
   padding-bottom: 0px;
+  border-radius: 5px;
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;