diff --git a/web/sidebar/left-layout-aside.css b/web/sidebar/left-layout-aside.css
--- a/web/sidebar/left-layout-aside.css
+++ b/web/sidebar/left-layout-aside.css
@@ -40,7 +40,7 @@
   position: relative;
 }
 
-div.chatBadge {
+span.chatBadge {
   position: absolute;
   top: -4px;
   left: 13px;
diff --git a/web/sidebar/navigation-panel.react.js b/web/sidebar/navigation-panel.react.js
--- a/web/sidebar/navigation-panel.react.js
+++ b/web/sidebar/navigation-panel.react.js
@@ -84,7 +84,7 @@
   invariant(viewerID, 'should be set');
   let chatBadge = null;
   if (boundUnreadCount > 0) {
-    chatBadge = <div className={css.chatBadge}>{boundUnreadCount}</div>;
+    chatBadge = <span className={css.chatBadge}>{boundUnreadCount}</span>;
   }
 
   const chatNavClasses = classNames({