diff --git a/desktop/src/features/market/ui/MarketChannelIntro.test.mjs b/desktop/src/features/market/ui/MarketChannelIntro.test.mjs
index abf780991a..874517b79b 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-5(?:\s|$)/);
+  assert.match(className, /(?:^|\s)mx-1(?:\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 e3ef29625d..5a07d1686a 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-5";
+const MARKET_BOARD_GUTTER_CLASS = "mx-1";
 
 /** Aligns the market board with the channel header and timeline avatars. */
 export function MarketBoardLayout({ children }: { children: React.ReactNode }) {