diff --git a/HTML/index.html b/HTML/index.html
index 99265f96e..18a143623 100644
--- a/HTML/index.html
+++ b/HTML/index.html
@@ -56,9 +56,22 @@
   </div>
 </body>
 
+<style>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+#editor {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  font: 18px Inconsolada, Monaco, Courier;
+}
+</style>
+
 <script>
-  var tabs = require('lib/tabs')
-  tabs.show()
+  require('lib/atomicity');
 </script>
 
 </html>
diff --git a/HTML/lib/atomicity.coffee b/HTML/lib/atomicity.coffee
index 9d5b0c39e..0648a03c7 100644
--- a/HTML/lib/atomicity.coffee
+++ b/HTML/lib/atomicity.coffee
@@ -9,6 +9,8 @@ _ = require 'vendor/underscore'
 $ = require 'vendor/jquery'
 {CoffeeScript} = require 'vendor/coffee-script'
 
+Chrome.addPane 'main', '<div id="editor"></div>'
+
 editor = ace.edit "editor"
 editor.setTheme require "ace/theme/twilight"
 JavaScriptMode = require("ace/mode/javascript").Mode
@@ -19,6 +21,11 @@ editor.getSession().setUseSoftTabs true
 editor.getSession().setTabSize 2
 editor.focus()
 
+# fuuuuu, ui bug
+setTimeout ->
+  editor.resize()
+, 50
+
 if css = File.read "~/.atomicity/twilight.css"
   head = $('head')[0]
   style = document.createElement 'style'