From 63d092a31b64c54179e6fefc6257265013db3dc5 Mon Sep 17 00:00:00 2001
From: "Abdullah." <125115953+mabdullahabaid@users.noreply.github.com>
Date: Thu, 2 Jul 2026 14:47:48 +0500
Subject: [PATCH] fix(website): center the User Guide nav preview image
 (#22445)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## What

The **User Guide** item in the Resources dropdown rendered its preview
image off-center (anchored top-left with a gap below the halftone).

## Fix

Set `imagePosition: 'center'` on the User Guide preview so the halftone
book is centered and fills to the bottom of the frame, matching the
others.

## Testing

- `nx lint twenty-website` ✓ (check-conventions + oxlint + oxfmt)
- `nx typecheck twenty-website` ✓
---
 packages/twenty-website/src/sections/menu/data/menu.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/twenty-website/src/sections/menu/data/menu.ts b/packages/twenty-website/src/sections/menu/data/menu.ts
index c27779be1d..dc750ea1e1 100644
--- a/packages/twenty-website/src/sections/menu/data/menu.ts
+++ b/packages/twenty-website/src/sections/menu/data/menu.ts
@@ -49,6 +49,7 @@ export const MENU: {
           preview: {
             image: '/images/menu/user-guide.webp',
             imageAlt: msg`Twenty user guide preview`,
+            imagePosition: 'center',
             title: msg`Master every corner of Twenty`,
             description: msg`Step-by-step guides and playbooks to help your team get the most out of their workspace.`,
           },