diff --git a/js/src/forum/components/ConversationsPage.js b/js/src/forum/components/ConversationsPage.js
index 7fe1d0e..8b3de04 100644
--- a/js/src/forum/components/ConversationsPage.js
+++ b/js/src/forum/components/ConversationsPage.js
@@ -13,7 +13,7 @@ export default class ConversationsPage extends Page {
 
   view(vnode) {
     return (
-      <div className="ConversationsPage">
+      <div className={this.currentConversationId != null ? 'ConversationsPage viewing-conversation' : 'ConversationsPage'}>
         <ConversationsList currentConversationId={this.currentConversationId} />
       </div>
     );
diff --git a/resources/less/extension.less b/resources/less/extension.less
index 84060a0..cb71ef8 100644
--- a/resources/less/extension.less
+++ b/resources/less/extension.less
@@ -570,7 +570,7 @@
     // }
   }
 
-  .ConversationsPage .people-list {
+  .ConversationsPage.viewing-conversation .people-list {
     display: none;
   }
 
@@ -598,7 +598,8 @@
   }
 }
 
-.App-header .ConversationsList-list a {
+.App-header .ConversationsList-list a,
+.ConversationsPage .ConversationsList-list a {
   color: var(--text-color);
 }