diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte
index 4356837d7..04ccbd6fb 100644
--- a/src/lib/components/sidebar.svelte
+++ b/src/lib/components/sidebar.svelte
@@ -101,7 +101,7 @@
     <Sidebar.Base
         {...$$props}
         bind:state
-        on:resize={(event) => updateSidebarState(event.detail)}
+        on:resize={(event) => updateSidebarState($page, event.detail)}
         resizable>
         <div slot="top">
             <div class="only-mobile-tablet top">
diff --git a/src/lib/helpers/sidebar.ts b/src/lib/helpers/sidebar.ts
index eda2de3f7..fb0c91bd1 100644
--- a/src/lib/helpers/sidebar.ts
+++ b/src/lib/helpers/sidebar.ts
@@ -5,7 +5,14 @@ import type { Page } from '@sveltejs/kit';
 
 const userPreferences = () => get(user)?.prefs;
 
-export function updateSidebarState(state: 'closed' | 'open' | 'icons') {
+// for spreadsheet, closed with icons
+const isInDatabasesRoute = (page: Page) => {
+    return page.route.id?.includes('databases/database-[database]');
+}
+
+export function updateSidebarState(page: Page, state: 'closed' | 'open' | 'icons') {
+    if (isInDatabasesRoute(page)) return;
+
     if (state === 'open' || state === 'icons') {
         const currentPrefs = userPreferences();
 
@@ -19,9 +26,7 @@ export function updateSidebarState(state: 'closed' | 'open' | 'icons') {
 }
 
 export function getSidebarState(page: Page): 'open' | 'icons' {
-    // for spreadsheet
-    const isInDatabases = page.route.id?.includes('database-[database]');
-    if (isInDatabases) return 'icons';
+    if (isInDatabasesRoute(page)) return 'icons';
 
     const currentPrefs = userPreferences();
     if (currentPrefs && currentPrefs.sidebarState) {