diff --git a/web/chat/thread-top-bar.css b/web/chat/thread-top-bar.css
--- a/web/chat/thread-top-bar.css
+++ b/web/chat/thread-top-bar.css
@@ -49,12 +49,12 @@
   vertical-align: middle;
 }
 
-.searchButton {
+.searchButtonIcon {
   color: var(--thread-top-bar-search-button-color);
-  margin-right: 30px;
 }
 
 .buttons {
   flex-direction: row;
   display: flex;
+  gap: 30px;
 }
diff --git a/web/chat/thread-top-bar.react.js b/web/chat/thread-top-bar.react.js
--- a/web/chat/thread-top-bar.react.js
+++ b/web/chat/thread-top-bar.react.js
@@ -90,7 +90,7 @@
             <SWMansionIcon
               size={24}
               icon="search"
-              className={css.searchButton}
+              className={css.searchButtonIcon}
             />
           </Button>
           {threadMenu}