I have a product/design decision that I wanted to get a second take on.

Currently when there is chat w/ a sidebar and the chat is selected and the sidebar is hovered this is what it looks like:

This case was never accounted for in the figma designs; however, right now there is a row gap of 8px in between each chat. My intuition is telling me that we should add a gap of 4px in between each sidebar item so that we don't have this "dimple" when two items with border radiuses but 4px is close enough to indicate to a user that these sidebar items are part of the parent chat. Let me know if that makes sense and what we prefer and I can update the diff accordingly

cc @ashoat

The chat thread list uses absolute positioning to layout each item

This is why we need to add rowGap to the itemSize function

Would your proposed gap increase the size of the sidebar item? If so, I'd like to see a screenshot of the before / after, with a variety of cases represented (some chats with no sidebars, some with 1 sidebar, some with 2 sidebars, some with a ton of sidebars so we see the "See more" item, etc.)

Wondering, why do we use absolute positioning?

I agree with this. Maybe we can create a Linear issue to discuss increasing the gap vs. differentiating the tint vs. leaving as-is (considering the costs of each option), and just land this diff as-is