diff --git a/web/chat/inline-sidebar.css b/web/chat/inline-sidebar.css
--- a/web/chat/inline-sidebar.css
+++ b/web/chat/inline-sidebar.css
@@ -0,0 +1,15 @@
+div.container {
+  display: flex;
+  background: var(--inline-sidebar-bg);
+  justify-content: center;
+  align-items: center;
+  color: var(--fg);
+  padding: 8px;
+  border-radius: 28px;
+  font-size: var(--s-font-14);
+  position: absolute;
+}
+
+div.container svg {
+  padding-right: 2px;
+}
diff --git a/web/chat/inline-sidebar.react.js b/web/chat/inline-sidebar.react.js
--- a/web/chat/inline-sidebar.react.js
+++ b/web/chat/inline-sidebar.react.js
@@ -6,6 +6,8 @@
 import type { ThreadInfo } from 'lib/types/thread-types';
 
 import { useOnClickThread } from '../selectors/nav-selectors';
+import SWMansionIcon from '../SWMansionIcon.react';
+import css from './inline-sidebar.css';
 
 type Props = {
   +threadInfo: ThreadInfo,
@@ -14,11 +16,11 @@
 function InlineSidebar(props: Props): React.Node {
   const { threadInfo } = props;
   const { repliesText } = useInlineSidebarText(threadInfo);
-
   const onClick = useOnClickThread(threadInfo);
 
   return (
-    <div onClick={onClick}>
+    <div className={css.container} onClick={onClick}>
+      <SWMansionIcon icon="reply-chat-bubble" size={12} />
       <div>{repliesText}</div>
     </div>
   );
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -159,4 +159,5 @@
   --add-members-item-disabled-color-hover: var(--shades-black-60);
   --add-members-remove-pending-color: var(--error-primary);
   --add-members-remove-pending-color-hover: var(--error-light-50);
+  --inline-sidebar-bg: var(--shades-black-70);
 }