diff --git a/ui/src/App.vue b/ui/src/App.vue
index 2183a0a..dd4e2d8 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -64,7 +64,7 @@ const transitionDurationStyle = computed(() => {
   <!-- wrapper: deja espacio para TopBar (pt-14 = 56px) y, en desktop, para NavBar (pl-60) -->
   <div :class="[
     'pt-14 min-h-screen transition-[padding-left] duration-200',
-    ui.sidebarOpen ? 'md:pl-60' : '',
+    (ui.sidebarOpen && ui.desktopNavbarPersistent) ? 'md:pl-60' : '',
     // The global style.css will handle base background and text color via body styling
     // but we can keep specific overrides here if needed or theme classes.
     // ui.theme === 'dark' ? 'bg-gray-800 text-gray-100' : 'bg-gray-100 text-gray-900'
diff --git a/ui/src/stores/useRealtime.js b/ui/src/stores/useRealtime.js
index 1f272d7..bf3f8b3 100644
--- a/ui/src/stores/useRealtime.js
+++ b/ui/src/stores/useRealtime.js
@@ -64,7 +64,7 @@ export const useRealtimeStore = defineStore('realtime', {
       this._sse.onerror = () => {
         console.warn('SSE connection lost, reloading...');
       };
-    },
+    }
     clearBadgesForTable(table) {
       if (this.badges[table]) {
         this.badges[table].INSERT = false;