diff --git a/templates/zephyr/index.html b/templates/zephyr/index.html
index 7ee5dc70fe..287d395502 100644
--- a/templates/zephyr/index.html
+++ b/templates/zephyr/index.html
@@ -74,7 +74,10 @@ var people_list = [
         <div class="span3">
           <div class="row">
             <div class="span3 sidebar-nav affix">
-              <img class="img-rounded" src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=60" />
+              <span>
+                <img class="img-rounded hidden-phone" src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=60" />
+                <img class="img-rounded visible-phone" src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=30" />
+              </span>
               <span class="my_fullname">{{ user_profile.full_name }}</span>
               <span class="my_email">{{ user_profile.user.email }}</span>
               <span class="logout">(<a href="/accounts/logout?next=/accounts/login">not you?</a>)</span>