diff --git a/web/sidebar/community-drawer-item.css b/web/sidebar/community-drawer-item.css
--- a/web/sidebar/community-drawer-item.css
+++ b/web/sidebar/community-drawer-item.css
@@ -5,12 +5,6 @@
   padding-bottom: 8px;
 }
 
-.active {
-  background-color: var(--active-drawer-item-bg);
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-
 .threadListContainer {
   display: flex;
   flex-direction: column;
diff --git a/web/sidebar/community-drawer-item.react.js b/web/sidebar/community-drawer-item.react.js
--- a/web/sidebar/community-drawer-item.react.js
+++ b/web/sidebar/community-drawer-item.react.js
@@ -88,10 +88,6 @@
   });
 
   const style = React.useMemo(() => ({ paddingLeft }), [paddingLeft]);
-  const threadEntry = classnames({
-    [css.threadEntry]: true,
-    [css.active]: handler.isActive,
-  });
 
   const titleStyle = React.useMemo(
     () => ({
@@ -103,7 +99,7 @@
   return (
     <>
       <Handler setHandler={setHandler} threadInfo={threadInfo} />
-      <div className={threadEntry} style={style}>
+      <div className={css.threadEntry} style={style}>
         {itemExpandButton}
         <a onClick={handler.onClick} className={css.titleWrapper}>
           <ThreadAvatar size="micro" threadInfo={threadInfo} />