diff --git a/web/chat/composed-message.react.js b/web/chat/composed-message.react.js
--- a/web/chat/composed-message.react.js
+++ b/web/chat/composed-message.react.js
@@ -17,7 +17,7 @@
 import { type InputState, InputStateContext } from '../input/input-state';
 import css from './chat-message-list.css';
 import FailedSend from './failed-send.react';
-import { InlineSidebar } from './inline-sidebar.react';
+import InlineSidebar from './inline-sidebar.react';
 import MessageActionButtons from './message-action-buttons';
 import {
   type OnMessagePositionWithContainerInfo,
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
@@ -1,33 +0,0 @@
-div.inlineSidebarContent {
-  flex-direction: row;
-  display: flex;
-  margin: 0 40px 0 20px;
-  cursor: pointer;
-}
-div.inlineSidebar {
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-}
-div.inlineSidebarName {
-  padding-top: 1px;
-  color: #666666;
-  font-size: 16px;
-  padding-left: 4px;
-  padding-right: 2px;
-}
-div.unread {
-  font-weight: bold;
-}
-div.centerContainer {
-  justify-content: center;
-}
-div.nonViewerMessageBoxContainer {
-  justify-content: flex-start;
-}
-div.viewerMessageBoxContainer {
-  justify-content: flex-end;
-}
-svg.inlineSidebarIcon {
-  color: #666666;
-}
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
@@ -1,17 +1,11 @@
 // @flow
 
-import classNames from 'classnames';
 import * as React from 'react';
-import {
-  CornerDownRight as CornerDownRightIcon,
-  CornerDownLeft as CornerDownLeftIcon,
-} from 'react-feather';
 
 import useInlineSidebarText from 'lib/hooks/inline-sidebar-text.react';
 import type { ThreadInfo } from 'lib/types/thread-types';
 
 import { useOnClickThread } from '../selectors/nav-selectors';
-import css from './inline-sidebar.css';
 
 type Props = {
   +threadInfo: ThreadInfo,
@@ -23,40 +17,14 @@
 
   const onClick = useOnClickThread(threadInfo);
 
-  let viewerIcon, nonViewerIcon, alignStyle;
-  if (props.positioning === 'right') {
-    viewerIcon = (
-      <CornerDownLeftIcon className={css.inlineSidebarIcon} size={18} />
-    );
-    alignStyle = css.viewerMessageBoxContainer;
-  } else if (props.positioning === 'left') {
-    nonViewerIcon = (
-      <CornerDownRightIcon className={css.inlineSidebarIcon} size={18} />
-    );
-    alignStyle = css.nonViewerMessageBoxContainer;
-  } else {
-    nonViewerIcon = (
-      <CornerDownRightIcon className={css.inlineSidebarIcon} size={18} />
-    );
-    alignStyle = css.centerContainer;
-  }
-
-  const unreadStyle = threadInfo.currentUser.unread ? css.unread : null;
-
   return (
-    <div className={classNames([css.inlineSidebarContent, alignStyle])}>
-      <div onClick={onClick} className={css.inlineSidebar}>
-        {nonViewerIcon}
-        <div className={classNames([css.inlineSidebarName, unreadStyle])}>
-          {sendersText}
-          {repliesText}
-        </div>
-        {viewerIcon}
+    <div onClick={onClick}>
+      <div>
+        {sendersText}
+        {repliesText}
       </div>
     </div>
   );
 }
 
-const inlineSidebarHeight = 20;
-
-export { InlineSidebar, inlineSidebarHeight };
+export default InlineSidebar;
diff --git a/web/chat/robotext-message.react.js b/web/chat/robotext-message.react.js
--- a/web/chat/robotext-message.react.js
+++ b/web/chat/robotext-message.react.js
@@ -15,7 +15,7 @@
 import { linkRules } from '../markdown/rules.react';
 import { useSelector } from '../redux/redux-utils';
 import { updateNavInfoActionType } from '../types/nav-types';
-import { InlineSidebar } from './inline-sidebar.react';
+import InlineSidebar from './inline-sidebar.react';
 import MessageActionButtons from './message-action-buttons';
 import type {
   MessagePositionInfo,