From d4ec685e44f4725a3f63bb59be6ac0f355b1c8c5 Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Tue, 25 Nov 2025 13:55:13 -0800
Subject: [PATCH] feat: add x-padding to cells in conversation list and inset
 outline for selected conversation

---
 client/src/components/Conversations/Conversations.tsx | 2 +-
 client/src/components/Conversations/Convo.tsx         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Conversations/Conversations.tsx b/client/src/components/Conversations/Conversations.tsx
index b6a7032e9f..dac5c01052 100644
--- a/client/src/components/Conversations/Conversations.tsx
+++ b/client/src/components/Conversations/Conversations.tsx
@@ -150,7 +150,7 @@ const Conversations: FC<ConversationsProps> = ({
       return (
         <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>
           {({ registerChild }) => (
-            <div ref={registerChild} style={style}>
+            <div ref={registerChild} style={style} className="px-1">
               {rendering}
             </div>
           )}
diff --git a/client/src/components/Conversations/Convo.tsx b/client/src/components/Conversations/Convo.tsx
index 048c2f129d..0119159522 100644
--- a/client/src/components/Conversations/Convo.tsx
+++ b/client/src/components/Conversations/Convo.tsx
@@ -133,7 +133,9 @@ export default function Conversation({ conversation, retainView, toggleNav }: Co
     <div
       className={cn(
         'group relative flex h-12 w-full items-center rounded-lg transition-colors duration-200 md:h-9',
-        isActiveConvo ? 'bg-surface-active-alt' : 'hover:bg-surface-active-alt',
+        isActiveConvo
+          ? 'bg-surface-active-alt outline outline-2 outline-offset-[-2px]'
+          : 'hover:bg-surface-active-alt',
       )}
       role="button"
       tabIndex={renaming ? -1 : 0}