diff --git a/webclient/src/components/sidebar/AppSidebar.vue b/webclient/src/components/sidebar/AppSidebar.vue
index 0a7c26d..a94e3eb 100644
--- a/webclient/src/components/sidebar/AppSidebar.vue
+++ b/webclient/src/components/sidebar/AppSidebar.vue
@@ -268,8 +268,9 @@
     position: relative;
   }
 
-  &.is-loading :deep(.input-group-addon .ph) {
-    opacity: 0;
+  &.is-loading :deep(.input-group-addon i.ph) {
+    opacity: 0 !important;
+    transition: opacity 0.1s;
   }
 
   &.is-loading :deep(.input-group-addon)::after {
diff --git a/webclient/src/components/sidebar/SessionList.vue b/webclient/src/components/sidebar/SessionList.vue
index d3c505f..fb37a87 100644
--- a/webclient/src/components/sidebar/SessionList.vue
+++ b/webclient/src/components/sidebar/SessionList.vue
@@ -34,9 +34,9 @@
       <p>No conversations yet</p>
     </div>
 
-    <DynamicScroller
+      <DynamicScroller
       v-else
-      :key="scrollerKey"
+      :key="sessionsStore.searchActive ? 'search' : 'all'"
       ref="scrollerRef"
       class="session-scroller"
       :class="{ 'ptr-pulled': ptrPulling }"
@@ -50,7 +50,7 @@
           <SessionItem
             :session="item"
             :active="item.session_id === chatStore.currentId"
-            :search-query="sessionsStore.searchQuery"
+            :search-query="sessionsStore.searchActive ? sessionsStore.searchQuery : ''"
             @select="onSelect(item)"
             @delete="onDelete(item)"
             @pin="onPin(item)"
@@ -83,12 +83,6 @@
 const chatStore = useChatStore()
 const profilesStore = useProfilesStore()
 
-const scrollerKey = computed(() => {
-  const prefix = sessionsStore.searchActive ? 'search' : 'all'
-  const firstId = sessionsStore.sessions[0]?.session_id ?? 'none'
-  return `${prefix}-${firstId}-${sessionsStore.sessions.length}`
-})
-
 watch(
   () => profilesStore.selectedProfileId,
   (profileId) => {