diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
index 1f52690e1..a0f4cb42d 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
@@ -37,13 +37,24 @@ export default {
   data() {
     return {
       pageTitle: this.$state,
-      isContactPanelOpen: false,
+      panelToggleState: false,
     };
   },
   computed: {
     ...mapGetters({
       chatList: 'getAllConversations',
     }),
+    isContactPanelOpen: {
+      get() {
+        if (this.conversationId) {
+          return this.panelToggleState;
+        }
+        return false;
+      },
+      set(val) {
+        this.panelToggleState = val;
+      },
+    },
   },
   props: ['inboxId', 'conversationId'],