diff --git a/src/components/InboxList.jsx b/src/components/InboxList.jsx
index bfe8b15..7b63459 100644
--- a/src/components/InboxList.jsx
+++ b/src/components/InboxList.jsx
@@ -68,7 +68,7 @@ export default function InboxList() {
             <div className='list-content'>
                 {status === 'loading' && <div>Loading...</div>}
                 {status === 'failed' && <div>Error: {error}</div>}
-                {status === 'succeeded' && inboxList.length > 0 &&
+                {status === 'succeeded' && (inboxList.length > 0 ?
                     inboxList.map((item) => (
                         <div
                             key={item.id}
@@ -91,7 +91,7 @@ export default function InboxList() {
                                 )}
                             </div>
                         </div>
-                    ))}
+                    )) : <div className='list-item-empty'>No Chats Found</div>)}
             </div>
         </div>
     );