diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css
index d4388acd7..d48c3cbca 100644
--- a/web/chat/chat-thread-list.css
+++ b/web/chat/chat-thread-list.css
@@ -1,325 +1,285 @@
 div.thread {
   display: flex;
   flex-direction: row;
 }
 div.threadListSidebar {
   display: flex;
   flex-direction: row;
   height: 32px;
   padding-right: 8px;
   position: relative;
   cursor: pointer;
 }
 div.threadListSidebar > svg {
   position: absolute;
   top: -7px;
   left: 30px;
 }
 div.thread:first-child {
   padding-top: 6px;
 }
 div.activeThread,
 div.threadListSidebar:hover {
   background: var(--thread-active-bg);
 }
 
 div.activeThread :is(div.dark, .lastMessage span.read, .title) {
   color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread .lastMessage.read {
   color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread.thread:hover {
   background: var(--thread-active-bg);
 }
 div.thread:hover {
   background: var(--thread-hover-bg);
 }
 div.title {
   flex: 1;
   font-size: var(--m-font-16);
   font-weight: var(--semi-bold);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--thread-color-read);
   line-height: var(--line-height-text);
 }
 .threadButton {
   flex: 1;
   cursor: pointer;
   overflow: hidden;
   padding-left: 12px;
 }
 .threadButton + div {
   display: flex;
   flex-direction: column;
 }
 .threadButtonSidebar {
   cursor: pointer;
   overflow: hidden;
   display: flex;
   align-items: center;
   padding-left: 12px;
 }
 p.breadCrumbs {
   display: flex;
   padding: 8px 0 2px 0;
   font-size: var(--xs-font-12);
   font-weight: var(--normal);
   color: var(--breadcrumb-color);
 }
 p.breadCrumbs.unread {
   color: var(--breadcrumb-color-unread);
 }
 span.breadCrumb {
   display: flex;
   align-items: center;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 div.colorContainer {
   display: flex;
   padding-top: 8px;
 }
 
 div.spacer,
 div.colorSplotch {
   width: 42px;
   border-radius: 1.68px;
 }
 div.colorSplotchContainer {
   height: 42px;
   display: flex;
 }
 div.lastActivity {
   font-size: var(--xxs-font-10);
   color: var(--fg);
   line-height: 1.5;
   padding-right: 16px;
   font-weight: var(--semi-bold);
   white-space: nowrap;
   flex-grow: 1;
   padding-bottom: 12px;
   align-items: flex-end;
   display: flex;
 }
 
 div.lastMessage {
   font-size: 16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: var(--line-height-text);
   padding-bottom: 8px;
 }
 div.threadRow > .lastMessage {
   color: var(--thread-last-message-color-read);
   font-size: var(--s-font-14);
 }
 div.unread {
   color: var(--fg);
   font-weight: var(--semi-bold);
 }
 div.lastMessage.unread {
   color: var(--fg);
 }
 div.dark {
   color: var(--thread-color-read);
   padding-right: 16px;
 }
 .read {
   color: var(--thread-from-color-read);
 }
 div.dotContainer {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 16px;
 }
 div.unreadDot {
   height: 4px;
   width: 4px;
   background: var(--fg);
   border-radius: 15px;
   align-self: center;
 }
 div.italic {
   font-style: italic;
 }
 div.sidebarTitle {
   flex: 1;
   font-size: var(--s-font-14);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--thread-color-read);
   align-self: flex-start;
 }
 div.threadListSidebar > div.dotContainer {
   width: 16px;
 }
 div.sidebarTitle.unread {
   color: var(--fg);
 }
 div.seeMoreButton {
   padding-left: 58px;
 }
 div.sidebarLastActivity {
   white-space: nowrap;
   font-size: var(--xxs-font-10);
   line-height: var(--line-height-text);
   font-weight: var(--semi-bold);
 }
 svg.sidebarIcon {
   color: var(--thread-color-read);
   padding: 0 6px;
   font-size: 20px;
 }
 div.sidebar .menu > button svg {
   font-size: 16px;
   color: var(--thread-color-read);
 }
 div.sidebar .menu {
   opacity: 0;
 }
 div.sidebar:hover .menu {
   display: flex;
   align-self: flex-end;
   opacity: 1;
 }
 .menu {
   position: relative;
   display: flex;
   justify-content: flex-end;
 }
 .menu > button {
   background-color: transparent;
   color: var(--thread-color-read);
   border: none;
   cursor: pointer;
   display: flex;
   align-items: center;
 }
 
 .menu > button:focus {
   outline: none;
 }
 
 .menuContent {
   display: none;
   position: absolute;
   top: calc(100% + 1px);
   right: 0;
   z-index: 1;
   width: max-content;
   overflow: hidden;
   background-color: #eeeeee;
   border-radius: 5px;
   box-shadow: 1px 1px 5px 2px #00000022;
 }
 .menuContentVisible {
   display: block;
 }
 
 button.menuContent {
   border: none;
   cursor: pointer;
   padding: 10px;
   font-size: 16px;
 }
 button.menuContent:hover {
   background-color: #dddddd;
 }
 
 ul.list {
   margin: 5px 3px 10px 0;
   overflow: auto;
 }
 
-div.search {
-  display: flex;
-  background-color: #dddddd;
-  border-radius: 5px;
-  padding: 3px 5px;
-  align-items: center;
-}
-svg.searchVector {
-  fill: #aaaaaa;
-  height: 22px;
-  width: 22px;
-  padding: 0 3px;
-  margin-left: 8px;
-}
-div.search > input {
-  color: black;
-  padding: 0;
-  border: none;
-  background-color: #dddddd;
-  font-weight: 600;
-  font-size: 15px;
-  flex-grow: 1;
-  margin-left: 3px;
-}
-div.search > input:focus {
-  outline: none;
-}
-svg.clearQuery {
-  font-size: 15px;
-  padding-bottom: 1px;
-  padding-right: 2px;
-  color: #aaaaaa;
-}
-svg.clearQuery:hover {
-  font-size: 15px;
-  padding-bottom: 1px;
-  padding-right: 2px;
-  color: white;
-}
-
 div.spacer {
   height: 6px;
 }
 
 div.emptyItemContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 div.emptyItemText {
   padding: 16px;
   font-size: 16px;
   text-align: center;
   white-space: pre-wrap;
   color: var(--fg);
 }
 
 div.threadListContainer {
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
 
 div.createNewThread {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   padding: 8px;
 }
 img.longArrow {
   height: 40px;
   width: 25px;
   position: absolute;
   left: 28.5px;
   top: -18px;
 }
 
 img.arrow {
   position: absolute;
   left: 28px;
   top: -10px;
 }
diff --git a/web/modals/chat/sidebar-list-modal.react.js b/web/modals/chat/sidebar-list-modal.react.js
deleted file mode 100644
index 2bc9f3ba3..000000000
--- a/web/modals/chat/sidebar-list-modal.react.js
+++ /dev/null
@@ -1,96 +0,0 @@
-// @flow
-
-import { faTimesCircle } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import classNames from 'classnames';
-import * as React from 'react';
-
-import { useSearchSidebars } from 'lib/hooks/search-sidebars';
-import type { ThreadInfo } from 'lib/types/thread-types';
-
-import chatThreadListCSS from '../../chat/chat-thread-list.css';
-import SidebarItem from '../../chat/sidebar-item.react';
-import globalCSS from '../../style.css';
-import { MagnifyingGlass } from '../../vectors.react';
-import Input from '../input.react';
-import { useModalContext } from '../modal-provider.react';
-import Modal from '../modal.react';
-
-type Props = {
-  +threadInfo: ThreadInfo,
-};
-
-function SidebarListModal(props: Props): React.Node {
-  const { threadInfo } = props;
-  const {
-    listData,
-    searchState,
-    clearQuery,
-    onChangeSearchInputText,
-  } = useSearchSidebars(threadInfo);
-  const { popModal } = useModalContext();
-
-  const sidebars = React.useMemo(
-    () =>
-      listData.map(item => (
-        <div
-          className={classNames(
-            chatThreadListCSS.thread,
-            chatThreadListCSS.sidebar,
-          )}
-          key={item.threadInfo.id}
-          onClick={popModal}
-        >
-          <SidebarItem sidebarInfo={item} />
-        </div>
-      )),
-    [popModal, listData],
-  );
-
-  let clearQueryButton = null;
-  if (searchState.text) {
-    clearQueryButton = (
-      <a href="#" onClick={clearQuery}>
-        <FontAwesomeIcon
-          icon={faTimesCircle}
-          className={chatThreadListCSS.clearQuery}
-        />
-      </a>
-    );
-  }
-
-  const handleOnChangeSearchText = React.useCallback(
-    (event: SyntheticEvent<HTMLInputElement>) => {
-      const { value } = event.currentTarget;
-      onChangeSearchInputText(value);
-    },
-    [onChangeSearchInputText],
-  );
-
-  return (
-    <Modal name="Threads" onClose={popModal}>
-      <div
-        className={classNames(
-          globalCSS['modal-body'],
-          globalCSS['resized-modal-body'],
-        )}
-      >
-        <div>
-          <div className={chatThreadListCSS.search}>
-            <MagnifyingGlass className={chatThreadListCSS.searchVector} />
-            <Input
-              type="text"
-              placeholder="Search threads"
-              value={searchState.text}
-              onChange={handleOnChangeSearchText}
-            />
-            {clearQueryButton}
-          </div>
-        </div>
-        <ul className={chatThreadListCSS.list}>{sidebars}</ul>
-      </div>
-    </Modal>
-  );
-}
-
-export default SidebarListModal;