diff --git a/frontend/projects/ui/src/app/components/connection-bar/connection-bar.component.ts b/frontend/projects/ui/src/app/components/connection-bar/connection-bar.component.ts
index 9ee793fef..e0df5bbd5 100644
--- a/frontend/projects/ui/src/app/components/connection-bar/connection-bar.component.ts
+++ b/frontend/projects/ui/src/app/components/connection-bar/connection-bar.component.ts
@@ -1,12 +1,12 @@
-import { Component } from '@angular/core'
-import { combineLatest, map, Observable } from 'rxjs'
+import { ChangeDetectionStrategy, Component } from '@angular/core'
+import { combineLatest, map, Observable, startWith } from 'rxjs'
 import { ConnectionService } from 'src/app/services/connection.service'
 
 @Component({
   selector: 'connection-bar',
   templateUrl: './connection-bar.component.html',
   styleUrls: ['./connection-bar.component.scss'],
-  // changeDetection: ChangeDetectionStrategy.OnPush,
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ConnectionBarComponent {
   private readonly websocket$ = this.connectionService.websocketConnected$
@@ -19,7 +19,7 @@ export class ConnectionBarComponent {
     dots: boolean
   }> = combineLatest([
     this.connectionService.networkConnected$,
-    this.websocket$,
+    this.websocket$.pipe(startWith(false)),
   ]).pipe(
     map(([network, websocket]) => {
       if (!network)
diff --git a/patch-db b/patch-db
index 00564ca1c..1eba576ac 160000
--- a/patch-db
+++ b/patch-db
@@ -1 +1 @@
-Subproject commit 00564ca1ca369947e214696ac0b1d9a2c6fbd425
+Subproject commit 1eba576ac19423b97a52671546352ff474a11a7a