diff --git a/src/components/ConversationCard/index.jsx b/src/components/ConversationCard/index.jsx
index cd49e81..3007886 100644
--- a/src/components/ConversationCard/index.jsx
+++ b/src/components/ConversationCard/index.jsx
@@ -115,6 +115,7 @@ function ConversationCard(props) {
   useEffect(() => {
     const listener = () => {
       setPort(Browser.runtime.connect())
+      setIsReady(true)
     }
     port.onDisconnect.addListener(listener)
     return () => {