diff --git a/web/chat/chat-tabs.css b/web/chat/chat-tabs.css
index 86bdc10fe..76defbda2 100644
--- a/web/chat/chat-tabs.css
+++ b/web/chat/chat-tabs.css
@@ -1,49 +1,53 @@
 div.container {
   position: absolute;
   width: 400px;
   top: 0;
   bottom: 0;
   background-color: var(--bg);
   border-right: 1px solid var(--border-color);
   display: flex;
   flex-direction: column;
 }
 
 div.tabs {
   display: flex;
   flex-direction: row;
   color: var(--fg);
   background: var(--bg);
 }
 
 div.tabItem {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 50%;
   padding: 16px 0;
   text-align: center;
   cursor: pointer;
   background-color: var(--bg);
   color: var(--color-disabled);
   border: 2px solid var(--border-color);
   border-width: 0 0 3px 0;
+  transition: 150ms;
+}
+div.tabItem:hover {
+  color: var(--fg);
+  transition: 150ms;
 }
 div.tabItem svg {
   padding-right: 8px;
 }
 div.tabItemActive {
   border: outset var(--thread-selection);
   color: var(--fg);
   border-width: 0 0 3px 0;
 }
 div.tabItemInactive {
   background-color: var(--bg);
   color: var(--color-disabled);
-  color: var(--fg);
 }
 
 div.threadList {
   flex: 1;
   overflow-y: auto;
 }