From 3681e54166dfd328282685a2149d06b9b9fca488 Mon Sep 17 00:00:00 2001
From: Wintermute
 <c0fc581234c3585602139eec347ced7b82af65b6f6c10728348515c0c06c51c3@buzz.block.builderlab.xyz>
Date: Mon, 7 Sep 2026 11:52:05 -0400
Subject: [PATCH] fix(market): align board with timeline gutter

Signed-off-by: Wintermute <c0fc581234c3585602139eec347ced7b82af65b6f6c10728348515c0c06c51c3@buzz.block.builderlab.xyz>
---
 desktop/src/features/market/ui/MarketChannelIntro.test.mjs | 2 +-
 desktop/src/features/market/ui/MarketChannelIntro.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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(/<div class="([^"]+)"/)?.[1] ?? "";
 
-  assert.match(className, /(?:^|\s)mx-1(?:\s|$)/);
+  assert.match(className, /(?:^|\s)mx-4(?:\s|$)/);
 });
 
 test("the contract card leaves horizontal alignment to the board", () => {
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 }) {