diff --git a/desktop/src/features/market/ui/MarketChannelIntro.test.mjs b/desktop/src/features/market/ui/MarketChannelIntro.test.mjs index 874517b79b..4a8abd86a0 100644 --- a/desktop/src/features/market/ui/MarketChannelIntro.test.mjs +++ b/desktop/src/features/market/ui/MarketChannelIntro.test.mjs @@ -60,7 +60,7 @@ test("the market board follows the header and avatar gutter", () => { ); const className = html.match(/
{ diff --git a/desktop/src/features/market/ui/MarketChannelIntro.tsx b/desktop/src/features/market/ui/MarketChannelIntro.tsx index 5a07d1686a..d7fe654955 100644 --- a/desktop/src/features/market/ui/MarketChannelIntro.tsx +++ b/desktop/src/features/market/ui/MarketChannelIntro.tsx @@ -16,7 +16,7 @@ import type { UserProfileLookup } from "@/features/profile/lib/identity"; import { Button } from "@/shared/ui/button"; import { UserAvatar } from "@/shared/ui/UserAvatar"; -const MARKET_BOARD_GUTTER_CLASS = "mx-1"; +const MARKET_BOARD_GUTTER_CLASS = "mx-4"; /** Aligns the market board with the channel header and timeline avatars. */ export function MarketBoardLayout({ children }: { children: React.ReactNode }) {