diff --git a/app/components/Package/Header.vue b/app/components/Package/Header.vue
index 759f751b88..b42f27ffd1 100644
--- a/app/components/Package/Header.vue
+++ b/app/components/Package/Header.vue
@@ -243,7 +243,7 @@ useShortcuts({
   </header>
   <div
     ref="header"
-    class="w-full bg-bg sticky top-14 z-50 border-b border-border pt-2"
+    class="w-full bg-bg sticky top-14 z-40 border-b border-border pt-2"
     :class="[$style.packageHeader]"
     data-testid="package-subheader"
   >
diff --git a/test/e2e/interactions.spec.ts b/test/e2e/interactions.spec.ts
index 59d10d52d2..2955eef2ed 100644
--- a/test/e2e/interactions.spec.ts
+++ b/test/e2e/interactions.spec.ts
@@ -139,6 +139,40 @@ test.describe('Package Page', () => {
       ).toBe(true)
     }
   })
+
+  test('AccountMenu dropdown items are clickable on package pages', async ({ page, goto }) => {
+    await goto('/package/vue', { waitUntil: 'hydration' })
+
+    await page.getByRole('button', { name: /^connect$/i }).click()
+    const items = page.getByRole('menuitem')
+    await expect(items.first()).toBeVisible()
+
+    // Verify each menu item is the topmost element at its own center.
+    for (const item of await items.all()) {
+      const box = await item.boundingBox()
+      if (!box) throw new Error('Menu item has no bounding box')
+      const cx = box.x + box.width / 2
+      const cy = box.y + box.height / 2
+
+      const hit = await page.evaluate(
+        ({ x, y }) => {
+          const el = document.elementFromPoint(x, y)
+          return {
+            insideMenuitem: el?.closest('[role="menuitem"]') !== null,
+            occluderTag: el?.tagName,
+            occluderClass: typeof el?.className === 'string' ? el.className.slice(0, 100) : '',
+            occluderText: el?.textContent?.trim().slice(0, 60),
+          }
+        },
+        { x: cx, y: cy },
+      )
+
+      expect(
+        hit.insideMenuitem,
+        `Menu item center (${cx.toFixed(0)}, ${cy.toFixed(0)}) is occluded by <${hit.occluderTag} class="${hit.occluderClass}">${hit.occluderText ? ` "${hit.occluderText}"` : ''}`,
+      ).toBe(true)
+    }
+  })
 })
 
 test.describe('Search Pages', () => {