--- a/index.xhtml
+++ b/index.xhtml
@@ -36,7 +36,7 @@
   </div>
 </nav>
 
-<div id="main">
+<div class="container">
 
 <form id="connection">
 <label>JID: <input type="email" id="jid"/></label><br/>
@@ -56,7 +56,11 @@
 <img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/>
 <input type="file" style="display:none" accept="image/*" id="avatar-file"/>
 <button id="avatar-upload">Choose a new avatar</button><br/>
-<button id="avatar-change" disabled="">Upload this avatar</button>
+<button id="avatar-change" disabled="">Upload this avatar</button><br/>
+<label>Who can see your avatar? <select id="avatar-access">
+<option value="open">Anyone (pick this if you use public groupchats)</option>
+<option value="presence">Only your contacts</option>
+</select></label>
 </p>
 <h2>Dangerous zone</h2>
 <p>