diff --git a/docs-assets/app/app/Livewire/Topbar.php b/docs-assets/app/app/Livewire/Topbar.php
index 148699da3e..a57897322d 100644
--- a/docs-assets/app/app/Livewire/Topbar.php
+++ b/docs-assets/app/app/Livewire/Topbar.php
@@ -16,7 +16,7 @@ class Topbar extends Page
             ->userMenuItems([
                 MenuItem::make()
                     ->label('Settings')
-                    ->url(fn(): string => '#')
+                    ->url(fn(): string => '#topbar-link-example')
                     ->icon('heroicon-o-cog-6-tooth'),
             ]);
     }
diff --git a/docs-assets/screenshots/schema.js b/docs-assets/screenshots/schema.js
index c67621e210..d68103a791 100644
--- a/docs-assets/screenshots/schema.js
+++ b/docs-assets/screenshots/schema.js
@@ -2956,14 +2956,14 @@ export default {
     },
     'panels/navigation/customizing-user-menu': {
         url: 'top-bar',
-        selector: 'body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.opacity-0 > div > nav > div > div > div.fi-dropdown-panel.absolute.z-10.w-screen.divide-y.divide-gray-100.rounded-lg.bg-white.shadow-lg.ring-1.ring-gray-950\\/5.transition.dark\\:divide-white\\/5.dark\\:bg-gray-900.dark\\:ring-white\\/10.\\!max-w-\\[14rem\\]',
+        selector: '.fi-dropdown-panel',
         viewport: {
             width: 1080,
             height: 640,
             deviceScaleFactor: 3,
         },
         before: async (page) => {
-            await page.click('body > div.fi-layout.flex.min-h-screen.w-full.flex-row-reverse.overflow-x-clip > div.fi-main-ctn.w-screen.flex-1.flex-col.opacity-0 > div > nav > div > div > div.fi-dropdown-trigger.flex.cursor-pointer')
+            await page.click('.fi-user-menu button')
 
             await new Promise((resolve) => setTimeout(resolve, 500))
         },