diff --git a/index.html b/index.html
index 75bf959996..aa96c46de4 100644
--- a/index.html
+++ b/index.html
@@ -52,6 +52,15 @@
         </script>
         <script type='text/x-tmpl-mustache' id='new-conversation'>
             <input type='text' class='new-message' placeholder="Name or phone number" />
+            <div class='new-group-update-form'>
+              <div>
+                <input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
+              </div>
+              <div class='group-avatar'>
+                <div><input type='file' name='avatar' class='file-input'></div>
+              </div>
+              <button>Create group</button>
+            </div>
             <div class='results'>
               <div class='new-contact'></div>
               <div class='contacts'></div>
diff --git a/stylesheets/index.scss b/stylesheets/index.scss
index ae10c961e5..c9a087f70e 100644
--- a/stylesheets/index.scss
+++ b/stylesheets/index.scss
@@ -35,6 +35,10 @@ input.new-message {
   }
 }
 
+.new-conversation .new-group-update-form {
+  display: none;
+}
+
 .fab {
   z-index: 1;
   position: fixed;
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 49d2027add..1a5a382a3f 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -25,6 +25,9 @@ input.new-message {
     color: white;
     text-indent: -36px; }
 
+.new-conversation .new-group-update-form {
+  display: none; }
+
 .fab {
   z-index: 1;
   position: fixed;