From b824fc55161487e36b50db89ee3584550d2517fe Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 21:15:01 +0000
Subject: [PATCH] fix(app): update options icon button styling - active state
 and hover

---
 packages/app/src/components/dialog-select-server.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/dialog-select-server.tsx b/packages/app/src/components/dialog-select-server.tsx
index a41a23ad4..169bf13e6 100644
--- a/packages/app/src/components/dialog-select-server.tsx
+++ b/packages/app/src/components/dialog-select-server.tsx
@@ -485,7 +485,11 @@ export function DialogSelectServer() {
                           <IconButton
                             icon="dot-grid"
                             variant="ghost"
-                            class="bg-transparent transition-opacity shrink-0 hover:scale-110 size-8"
+                            class="shrink-0 size-8 hover:bg-surface-base-hover"
+                            classList={{
+                              "bg-transparent": !popoverOpen(),
+                              "bg-surface-base-active": popoverOpen(),
+                            }}
                             onPointerDown={(event: PointerEvent) => event.stopPropagation()}
                           />
                         }