diff --git a/webapp/components/sidebar.jsx b/webapp/components/sidebar.jsx
index f724d73db6..8b2687e26a 100644
--- a/webapp/components/sidebar.jsx
+++ b/webapp/components/sidebar.jsx
@@ -203,7 +203,11 @@ export default class Sidebar extends React.Component {
 
     handleOpenMoreDirectChannelsModal(e) {
         e.preventDefault();
-        this.showMoreDirectChannelsModal();
+        if (this.state.showDirectChannelsModal) {
+            this.hideMoreDirectChannelsModal();
+        } else {
+            this.showMoreDirectChannelsModal();
+        }
     }
 
     onChange() {