diff --git a/packages/pl-fe/src/features/conversations/components/conversation.tsx b/packages/pl-fe/src/features/conversations/components/conversation.tsx
index 54d572d87..3b0e05064 100644
--- a/packages/pl-fe/src/features/conversations/components/conversation.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversation.tsx
@@ -56,6 +56,7 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
       onMoveUp={handleHotkeyMoveUp}
       onMoveDown={handleHotkeyMoveDown}
       onClick={handleClick}
+      variant='slim'
     />
   );
 };
diff --git a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
index 17af7a428..2b3e5c801 100644
--- a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
@@ -46,6 +46,7 @@ const ConversationsList: React.FC = () => {
       isLoading={isLoading}
       showLoading={isLoading && conversations.length === 0}
       emptyMessageText={<FormattedMessage id='empty_column.direct' defaultMessage="You don't have any direct messages yet. When you send or receive one, it will show up here." />}
+      listClassName='divide-y divide-solid divide-gray-200 dark:divide-gray-800'
     >
       {conversations.map((item: any) => (
         <Conversation