diff --git a/web/chat/chat-tabs.react.js b/web/chat/chat-tabs.react.js
index 72c285824..69b9d5f43 100644
--- a/web/chat/chat-tabs.react.js
+++ b/web/chat/chat-tabs.react.js
@@ -1,61 +1,61 @@
 // @flow
 
 import invariant from 'invariant';
 import * as React from 'react';
 
 import { unreadBackgroundCount } from 'lib/selectors/thread-selectors';
 
 import { useSelector } from '../redux/redux-utils';
 import css from './chat-tabs.css';
 import ChatThreadList from './chat-thread-list.react';
 import ChatThreadTab from './chat-thread-tab.react';
 import { ThreadListContext } from './thread-list-provider';
 
 type Props = {
   +setModal: (modal: ?React.Node) => void,
 };
 function ChatTabs(props: Props): React.Node {
   let backgroundTitle = 'Background';
   const unreadBackgroundCountVal = useSelector(unreadBackgroundCount);
   if (unreadBackgroundCountVal) {
     backgroundTitle += ` (${unreadBackgroundCountVal})`;
   }
   const threadListContext = React.useContext(ThreadListContext);
   invariant(
     threadListContext,
     'threadListContext should be set in ChatThreadList',
   );
   const { activeTab, setActiveTab } = threadListContext;
 
   const onClickHome = React.useCallback(() => setActiveTab('Focus'), [
     setActiveTab,
   ]);
   const onClickBackground = React.useCallback(
     () => setActiveTab('Background'),
     [setActiveTab],
   );
 
   return (
     <div className={css.container}>
       <div className={css.tabs}>
         <ChatThreadTab
           title="Focus"
           tabIsActive={activeTab === 'Focus'}
           onClick={onClickHome}
-          icon="message-square-lines"
+          icon="Filled"
         />
         <ChatThreadTab
           title={backgroundTitle}
           tabIsActive={activeTab === 'Background'}
           onClick={onClickBackground}
           icon="bell-disabled"
         />
       </div>
       <div className={css.threadList}>
         <ChatThreadList setModal={props.setModal} />
       </div>
     </div>
   );
 }
 
 export default ChatTabs;