--- a/index.xhtml
+++ b/index.xhtml
@@ -58,14 +58,14 @@
 </p>
 <h2>Avatar</h2>
 <p>
-<img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/><br/>
+<img id="avatar" style="max-width:96px;max-height:96px"/> <span id="avatar-size"/> <img src="spinner.svg" width="24" height="24" id="avatar-spinner"/><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><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>
+</select></label> <img src="spinner.svg" width="24" height="24" id="access-model-avatar-spinner" hidden=""/>
 </p>
 <h2>Contact list</h2>
 <table>