From 12a398a65cb010a9632885436aa9c96a707e2459 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Mon, 2 Mar 2026 22:30:14 -0800
Subject: [PATCH] fix(server selector): better handling for large server/folder
 list

---
 .../features/sidebar/components/server-selector.module.css    | 2 +-
 src/renderer/features/sidebar/components/server-selector.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/sidebar/components/server-selector.module.css b/src/renderer/features/sidebar/components/server-selector.module.css
index 0b198c50c..45fc2ba5e 100644
--- a/src/renderer/features/sidebar/components/server-selector.module.css
+++ b/src/renderer/features/sidebar/components/server-selector.module.css
@@ -34,7 +34,7 @@
 }
 
 .scroll-area {
-    max-height: 400px;
+    max-height: calc(100vh - 50px);
 }
 
 .server-logo {
diff --git a/src/renderer/features/sidebar/components/server-selector.tsx b/src/renderer/features/sidebar/components/server-selector.tsx
index cfd87f72e..05437d464 100644
--- a/src/renderer/features/sidebar/components/server-selector.tsx
+++ b/src/renderer/features/sidebar/components/server-selector.tsx
@@ -69,7 +69,7 @@ export const ServerSelector = () => {
               : OpenSubsonicLogo;
 
     return (
-        <DropdownMenu offset={0} position="top">
+        <DropdownMenu offset={0} position="right">
             <DropdownMenu.Target>
                 <div className={styles.popoverTarget}>
                     <Box
@@ -93,7 +93,7 @@ export const ServerSelector = () => {
                 </div>
             </DropdownMenu.Target>
             <DropdownMenu.Dropdown style={{ width: `${widthOfTarget}px` }}>
-                <ScrollArea style={{ maxHeight: 'calc(100vh - 200px)' }}>
+                <ScrollArea className={styles.scrollArea}>
                     <ServerSelectorItems />
                 </ScrollArea>
             </DropdownMenu.Dropdown>