diff --git a/web/SWMansionIcon.react.js b/web/SWMansionIcon.react.js
index 9ed63caf2..4ddb9f23a 100644
--- a/web/SWMansionIcon.react.js
+++ b/web/SWMansionIcon.react.js
@@ -1,63 +1,63 @@
 // @flow
 
 import * as React from 'react';
 import IcomoonReact from 'react-icomoon';
 
 import iconSet from './icons/selection.json';
 
 export type Icon =
   | 'arrow-right-small'
   | 'bell'
   | 'logout'
   | 'plus-circle'
   | 'users'
   | 'chevron-right-small'
   | 'reply-arrow'
   | 'right-angle-arrow'
   | 'plus'
   | 'settings'
   | 'wrench'
-  | 'Filled'
+  | 'message-filled-round'
   | 'bug'
   | 'cloud'
   | 'copy'
   | 'smile'
   | 'inbox'
   | 'info-circle'
   | 'message-circle-line'
   | 'question-circle'
   | 'search'
-  | 'outline-key'
+  | 'key'
   | 'chevron-left'
   | 'arrow-left'
   | 'arrow-right'
   | 'cross'
   | 'edit'
   | 'filters'
   | 'menu-horizontal'
   | 'menu-vertical'
   | 'message-square'
   | 'message-square-lines'
   | 'bell-disabled'
   | 'chevron-right'
   | 'send'
   | 'calendar'
   | 'message-circle-lines'
   | 'image';
 
 type SWMansionIconProps = {
   +icon: Icon,
   +size: number | string,
   +color?: string,
   +title?: string,
   +className?: string,
   +disableFill?: boolean,
   +removeInlineStyle?: boolean,
   +style?: $Shape<CSSStyleDeclaration>,
 };
 
 function SWMansionIcon(props: SWMansionIconProps): React.Node {
   return <IcomoonReact {...props} iconSet={iconSet} />;
 }
 
 export default SWMansionIcon;
diff --git a/web/chat/chat-tabs.react.js b/web/chat/chat-tabs.react.js
index 99e01ce89..12cfc586e 100644
--- a/web/chat/chat-tabs.react.js
+++ b/web/chat/chat-tabs.react.js
@@ -1,58 +1,58 @@
 // @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';
 
 function ChatTabs(): 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="Filled"
+          icon="message-filled-round"
         />
         <ChatThreadTab
           title={backgroundTitle}
           tabIsActive={activeTab === 'Background'}
           onClick={onClickBackground}
           icon="bell-disabled"
         />
       </div>
       <div className={css.threadList}>
         <ChatThreadList />
       </div>
     </div>
   );
 }
 
 export default ChatTabs;