From fb0a0c7ed652e515348d5cd743117bf3df44b95e Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Sat, 20 Jun 2026 20:28:53 +1000
Subject: [PATCH] Update

---
 src/styles.css | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index e7b152a..d57c584 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1189,7 +1189,9 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
   position: relative;
 }
 
-.user-menu { position: relative; }
+.user-menu {
+  position: relative;
+}
 
 .user-menu-loading {
   width: 80px;
@@ -1286,7 +1288,10 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
   flex-shrink: 0;
   transition: transform 0.2s;
 }
-.user-trigger:hover .chevron { transform: rotate(180deg); }
+.user-menu:hover .chevron,
+.user-menu:focus-within .chevron {
+  transform: rotate(180deg);
+}
 
 .user-dropdown {
   background: var(--surface);
@@ -1304,8 +1309,18 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
   visibility: hidden;
   z-index: 20;
 }
+
+.user-dropdown::before {
+  content: "";
+  height: 8px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: -8px;
+}
+
 .user-menu:hover .user-dropdown,
-.user-trigger:focus + .user-dropdown {
+.user-menu:focus-within .user-dropdown {
   opacity: 1;
   transform: translateY(0);
   visibility: visible;