diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx index c49c900332..18c29f6f04 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/dialogs/ChatSearchResults.tsx @@ -297,7 +297,10 @@ const ChatSearchResultRow: FC = ({ aria-hidden="true" /> )} - {shortRelativeTime(chat.updated_at)} + {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} + + {shortRelativeTime(chat.updated_at)} + ); diff --git a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx index 169eb8d0e5..9412b6a871 100644 --- a/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx +++ b/site/src/pages/AgentsPage/components/ChatsSidebar/tree/ChatTreeNode.tsx @@ -336,9 +336,15 @@ export const ChatTreeNode: FC = ({ chat, isChildNode }) => { aria-hidden="true" /> ) : ( - - {shortRelativeTime(chat.updated_at)} - + <> + {/* Pin the ignored mask width so Chromatic does not diff bounding rect changes. */} + + {shortRelativeTime(chat.updated_at)} + + )} )}