fix(web): Fix search bar not taking full width in TopBar (#909)

* fix(web): Fix search bar not taking full width in TopBar

The right section of the TopBar had flex-1 unconditionally, splitting
the bar into two equal halves. The SearchBar could only fill the left
50%, leaving a large empty gap. Now the right section uses shrink-0
when no centerContent is present, letting the SearchBar fill the
remaining width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* chore: Update CHANGELOG for #909

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: brendan-kellam

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - Fixed `og:image` URL resolving to `localhost` instead of the public domain when the app is deployed behind a reverse proxy. [#908](https://github.com/sourcebot-dev/sourcebot/pull/908)
+- Fixed search bar not taking the full width on the search results and browse pages. [#909](https://github.com/sourcebot-dev/sourcebot/pull/909)
 
 ## [4.11.3] - 2026-02-19
 

packages/web/src/app/[domain]/components/topBar.tsx

@@ -12,6 +12,7 @@ import { LogIn } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { AppearanceDropdownMenu } from "./appearanceDropdownMenu";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
 
 interface TopBarProps {
     domain: string;
@@ -58,7 +59,7 @@ export const TopBar = ({
                         {centerContent}
                     </div>
                 )}
-                <div className="flex-1 flex flex-row justify-end items-center gap-2">
+                <div className={cn("flex flex-row justify-end items-center gap-2", centerContent ? "flex-1" : "shrink-0")}>
                     {actions}
                     {session ? (
                         <MeControlDropdownMenu