Fix

src/app.scss

@@ -1066,43 +1066,27 @@ aside.menu.main-menu .menu-expanse {
     display: flex;
     align-items: center;
   }
+}
 
-  .chat-option-menu-container-collapsed {
-    background: transparent;
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    color: #ffffff;
-    padding: 6px;
-    border-radius: 6px;
-    cursor: pointer;
+.dropdown-trigger {
+  .button {
+    width: 28px !important;
+    height: 28px !important;
+    padding: 0;
+    background: transparent !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
     transition: all 0.2s ease;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    flex-shrink: 0;
-
+    color: #ffffff !important;
+    cursor: pointer !important;
+    border-radius: 6px !important;
 
     &:hover {
-      background-color: rgba(255, 255, 255, 0.1);
-      border-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0.1) !important;
+      border-color: rgba(255, 255, 255, 0.3) !important;
     }
-
   }
 }
 
-
-/* Chat option menu when collapsed */
-.modern-sidebar .chat-option-menu-container-collapsed .dropdown .dropdown-menu {
-  top: 100% !important;
-  bottom: auto !important;
-  left: 0 !important;
-  right: auto !important;
-  min-width: 150px;
-}
-
-
-
 /* Chat List */
 .modern-sidebar .chat-list {
   flex: 1;
@@ -1137,7 +1121,7 @@ aside.menu.main-menu .menu-expanse {
 
   .chat-menu-item {
     display: block;
-    padding: 12px 16px;
+    padding: 8px 12px;
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
     border-radius: 0;
@@ -1355,23 +1339,34 @@ aside.menu.main-menu .menu-expanse {
   }
 }
 
-/* Fix dropdown positioning in header to prevent off-screen */
-.modern-sidebar .sidebar-header .dropdown .dropdown-menu {
+/* Chat option menu when collapsed */
+.modern-sidebar .chat-option-menu-container-collapsed .dropdown .dropdown-menu {
   top: calc(100% + 8px) !important;
   bottom: auto !important;
-  padding-top: 0;
-  padding-bottom: 0;
+  left: 0 !important;
+  right: auto !important;
+  min-width: 150px;
+}
+
+/* Fix dropdown positioning in header to prevent off-screen */
+.modern-sidebar .dropdown .dropdown-menu {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
 }
 
 /* Ensure chat option menu dropdown is visible */
 .modern-sidebar .chat-option-menu-container .dropdown .dropdown-menu {
-  top: 100% !important;
+  top: calc(100% + 8px) !important;
   bottom: auto !important;
-  left: auto !important;
-  right: 0 !important;
+  left: 0 !important;
+  right: auto !important;
   min-width: 150px;
 }
 
+
+
+
+
 /* Footer dropdown positioning */
 .modern-sidebar .sidebar-footer .dropdown .dropdown-menu {
   bottom: 100% !important;

src/lib/ChatMenuItem.svelte

@@ -95,7 +95,7 @@
     <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold edit-button" href={'$'} on:click|preventDefault={() => edit()}><Fa icon={faPencil} /></a>
     <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold delete-button" href={'$'} on:click|preventDefault={() => delChat()}><Fa icon={faTrash} /></a>
     {/if}
-    <span class="chat-item-name"><Fa class="mr-2 chat-icon" size="xs" icon="{faMessage}"/>{chat.name || `New Chat`}</span>
+    <span class="chat-item-name">{chat.name || `New Chat`}</span>
   </a>
   {/if}
 </li>

src/lib/ChatOptionMenu.svelte

@@ -229,19 +229,12 @@
 
 <div class="dropdown {style}" class:is-active={showChatMenu} use:clickOutside={() => { showChatMenu = false }}>
   <div class="dropdown-trigger">
-    {#if !sidebarCollapsed }
     <button class="button is-ghost default-text" aria-haspopup="true" 
       aria-controls="dropdown-menu3" 
       on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
       >
       <span class="icon "><Fa icon={faEllipsis}/></span>
     </button>
-    {:else}
-      <div class="icon" aria-controls="dropdown-menu3" 
-        on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
-        >
-        <Fa icon={faEllipsis}/></div>
-    {/if}
   </div>
   <div class="dropdown-menu" id="dropdown-menu3" role="menu">
     <div class="dropdown-content">