diff --git a/templates/zephyr/left-sidebar.html b/templates/zephyr/left-sidebar.html
index b0bff3d0dc..d0457c5f85 100644
--- a/templates/zephyr/left-sidebar.html
+++ b/templates/zephyr/left-sidebar.html
@@ -1,9 +1,9 @@
           <div class="row-fluid">
             <div class="span2 sidebar-nav affix" id="left-sidebar">
               <div class="upper_sidebar">
-                  <div class="brand">
-                    <img class="img-rounded gravatar-profile"
-                         src="{{ avatar_url }}&s=60" />
+                <div class="brand">
+                  <div class="gravatar-profile"
+                       style="background-image: url('{{ avatar_url }}&s=60');"></div>
                     <span id="my_information">
                       <span class="my_fullname">{{ user_profile.full_name }}</span><br />
                       <span class="my_email">{{ user_profile.email }}</span>
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 647fe2c3f6..1f4a82a36f 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -160,7 +160,12 @@ a:hover code {
 }
 
 #left-sidebar .gravatar-profile {
-    display: table-cell;
+    width: 35px;
+    height: 35px;
+    background-size: 35px 35px;
+    background-repeat: none;
+    border-radius: 35px;
+    border: 1px solid #CCC;
 }
 
 #my_information {