diff --git a/docs-assets/screenshots/images/dark/panels/navigation/customizing-user-menu.jpg b/docs-assets/screenshots/images/dark/panels/navigation/customizing-user-menu.jpg
index 9bc33c763c..f2e43738b7 100644
Binary files a/docs-assets/screenshots/images/dark/panels/navigation/customizing-user-menu.jpg and b/docs-assets/screenshots/images/dark/panels/navigation/customizing-user-menu.jpg differ
diff --git a/docs-assets/screenshots/images/light/panels/navigation/customizing-user-menu.jpg b/docs-assets/screenshots/images/light/panels/navigation/customizing-user-menu.jpg
index f8238f02cb..7f0f37fb04 100644
Binary files a/docs-assets/screenshots/images/light/panels/navigation/customizing-user-menu.jpg and b/docs-assets/screenshots/images/light/panels/navigation/customizing-user-menu.jpg differ
diff --git a/docs-assets/screenshots/schema.js b/docs-assets/screenshots/schema.js
index d68103a791..b95fe41e29 100644
--- a/docs-assets/screenshots/schema.js
+++ b/docs-assets/screenshots/schema.js
@@ -2956,11 +2956,14 @@ export default {
     },
     'panels/navigation/customizing-user-menu': {
         url: 'top-bar',
-        selector: '.fi-dropdown-panel',
+        selector: 'body',
         viewport: {
             width: 1080,
             height: 640,
-            deviceScaleFactor: 3,
+            deviceScaleFactor: 0,
+        },
+        crop: (image) => {
+            return image.extract({ width: 1080, height: 540, left: 1080, top: 0 })
         },
         before: async (page) => {
             await page.click('.fi-user-menu button')