diff --git a/desktop/src/features/sidebar/ui/AppSidebarPinnedHeader.tsx b/desktop/src/features/sidebar/ui/AppSidebarPinnedHeader.tsx
index 2e9dbbd7f..c36b18aaf 100644
--- a/desktop/src/features/sidebar/ui/AppSidebarPinnedHeader.tsx
+++ b/desktop/src/features/sidebar/ui/AppSidebarPinnedHeader.tsx
@@ -59,7 +59,7 @@ export function AppSidebarPinnedHeader({
suggestionChannels,
}: AppSidebarPinnedHeaderProps) {
return (
-
+
{
expect(fadeStyles.channelAfterBackground).toBe("none");
});
+test("aligns the sidebar search with the channel title outside the Buzz theme", async ({
+ page,
+}) => {
+ await page.addInitScript(() => {
+ window.localStorage.setItem("buzz-theme", "github-light");
+ });
+ await page.goto("/");
+ await page.getByTestId("channel-general").click();
+
+ const root = page.locator("html");
+ const search = page.getByTestId("open-search");
+ const channelTitle = page.getByTestId("chat-title");
+ await expect(root).not.toHaveAttribute("data-buzz-sidebar", "");
+ await expect(search).toBeVisible();
+ await expect(channelTitle).toHaveText("general");
+
+ const [searchBox, channelTitleBox] = await Promise.all([
+ search.boundingBox(),
+ channelTitle.boundingBox(),
+ ]);
+ expect(searchBox).not.toBeNull();
+ expect(channelTitleBox).not.toBeNull();
+
+ if (!searchBox || !channelTitleBox) return;
+
+ const searchCenter = searchBox.y + searchBox.height / 2;
+ const channelTitleCenter = channelTitleBox.y + channelTitleBox.height / 2;
+ expect(Math.abs(searchCenter - channelTitleCenter)).toBeLessThanOrEqual(2);
+});
+
test("resizes, persists, and snaps to the default sidebar width", async ({
page,
}) => {