diff --git a/clientapp/template.html b/clientapp/template.html
index 061f61e..f2ade71 100644
--- a/clientapp/template.html
+++ b/clientapp/template.html
@@ -9,7 +9,7 @@
     <header>
       <img id="logo" src="/images/logo.png" alt="OTalk" />
     </header>
-    <section id="loginbox" class="content">
+    <section class="box connect">
       <h2>Connecting...</h2> 
     </section>
   </body>
diff --git a/public/css/app/aux.styl b/public/css/app/aux.styl
index 69568b7..ecb00b0 100644
--- a/public/css/app/aux.styl
+++ b/public/css/app/aux.styl
@@ -15,6 +15,13 @@
   width: 75%
   roundall(3px)
 
+  &.connect
+    padding: 20px
+    text-align: center
+
+    h2
+      padding: 0
+
   .head, .content
     padding: 0 20px
 
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 4ba6606..fe25f53 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -703,6 +703,13 @@ h4 {
   -border-radius: 3px;
   border-radius: 3px;
 }
+.box.connect {
+  padding: 20px;
+  text-align: center;
+}
+.box.connect h2 {
+  padding: 0;
+}
 .box .head,
 .box .content {
   padding: 0 20px;