diff --git a/web/chat/chat-thread-list-sidebar.react.js b/web/chat/chat-thread-list-sidebar.react.js
index 103afa402..ac6616830 100644
--- a/web/chat/chat-thread-list-sidebar.react.js
+++ b/web/chat/chat-thread-list-sidebar.react.js
@@ -1,33 +1,37 @@
 // @flow
 
 import classNames from 'classnames';
 import * as React from 'react';
 
 import type { SidebarInfo } from 'lib/types/thread-types';
 
 import { useThreadIsActive } from '../selectors/nav-selectors';
 import ChatThreadListItemMenu from './chat-thread-list-item-menu.react';
 import css from './chat-thread-list.css';
 import SidebarItem from './sidebar-item.react';
 
 type Props = {
   +sidebarInfo: SidebarInfo,
 };
 function ChatThreadListSidebar(props: Props): React.Node {
   const { sidebarInfo } = props;
   const { threadInfo, mostRecentNonLocalMessage } = sidebarInfo;
   const threadID = threadInfo.id;
   const active = useThreadIsActive(threadID);
-  const activeStyle = active ? css.activeThread : null;
+
   return (
-    <div className={classNames(css.thread, css.sidebar, activeStyle)}>
+    <div
+      className={classNames(css.thread, css.sidebar, {
+        [css.activeThread]: active,
+      })}
+    >
       <SidebarItem sidebarInfo={sidebarInfo} />
       <ChatThreadListItemMenu
         threadInfo={threadInfo}
         mostRecentNonLocalMessage={mostRecentNonLocalMessage}
       />
     </div>
   );
 }
 
 export default ChatThreadListSidebar;