From 5892d6239165fee84888bfc34827dc5603fff16d Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Mon, 17 Nov 2025 13:14:58 -0800
Subject: [PATCH] add server selector to layout animation

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

diff --git a/src/renderer/features/sidebar/components/sidebar.module.css b/src/renderer/features/sidebar/components/sidebar.module.css
index 4f3b0f8da..392bf37c5 100644
--- a/src/renderer/features/sidebar/components/sidebar.module.css
+++ b/src/renderer/features/sidebar/components/sidebar.module.css
@@ -79,3 +79,9 @@
 .accordion-content:last-child {
     padding-bottom: var(--theme-spacing-md);
 }
+
+.server-selector-wrapper {
+    position: relative;
+    z-index: 1;
+    flex-shrink: 0;
+}
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 728a56ac4..6b485bc0a 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -163,9 +163,9 @@ export const Sidebar = () => {
                     )}
                 </Accordion>
             </ScrollArea>
-            <div style={{ flexShrink: 0, position: 'relative', zIndex: 1 }}>
+            <motion.div className={styles.serverSelectorWrapper} layout>
                 <ServerSelector showImage={showImage} />
-            </div>
+            </motion.div>
             <AnimatePresence initial={false} mode="popLayout">
                 {showImage && (
                     <motion.div