diff --git a/web/app/assets/javascripts/sidebar.js b/web/app/assets/javascripts/sidebar.js
index 758235423..589b43dae 100644
--- a/web/app/assets/javascripts/sidebar.js
+++ b/web/app/assets/javascripts/sidebar.js
@@ -538,11 +538,14 @@
                 }).error(app.ajaxError);
 
                 var participantHtml = "You have been invited to join a session with: <br/><br/>";
+                participantHtml += "<table><tbody>";
 
                 $.each(participants, function(index, val) {
-                     participantHtml += "<img class='avatar_large' src='" + val.photo_url + "' />&nbsp;" + val.name + "<br/>";
+                     participantHtml += "<tr><td><img class='avatar-small' src='" + val.photo_url + "' /></td><td>" + val.name + "</td></tr>";
                 });
 
+                participantHtml += "</tbody></table>";
+
                 // display notification
                 app.notify({
                     "title": "Session Invitation",
diff --git a/web/app/assets/stylesheets/client/sidebar.css.scss b/web/app/assets/stylesheets/client/sidebar.css.scss
index e31530fbc..2d42dcdec 100644
--- a/web/app/assets/stylesheets/client/sidebar.css.scss
+++ b/web/app/assets/stylesheets/client/sidebar.css.scss
@@ -98,7 +98,7 @@
         ms-filter: "alpha(opacity=50)";
     }
 
-    li .avatar-small {
+   .avatar-small {
         float:left;
         padding:1px;
         width:36px;
@@ -110,7 +110,7 @@
         border-radius:18px;
     }
 
-    li .avatar-small img {
+   .avatar-small img {
         width: 36px;
         height: 36px;
         -webkit-border-radius:18px;