diff --git a/web/src/canvas/canvas.ts b/web/src/canvas/canvas.ts
index e9092bc97096d67d32bf5103adb85d9bf363735e..bc3de9a94948e6a9000933686f1f41c4229a9830 100644
--- a/web/src/canvas/canvas.ts
+++ b/web/src/canvas/canvas.ts
@@ -30,9 +30,9 @@ export class Canvas {
     public readonly settings: SettingsData;
     public readonly showNetworkInfoboxObservable: Subject<NetworkInfoboxData>
     public readonly updateDatabaseInfoSubject: Subject<DatabaseInfo>
-    public readonly onCarouselTransitionStart: BehaviorSubject<[HatnoteVisService, Visualisation]>
-    public readonly onThemeHasChanged: BehaviorSubject<[HatnoteVisService, Visualisation]>
-    public readonly onCarouselTransitionEnd: BehaviorSubject<[HatnoteVisService, Visualisation]>
+    public readonly onCarouselTransitionStart: Subject<[HatnoteVisService, Visualisation]>
+    public readonly onThemeHasChanged: Subject<[HatnoteVisService, Visualisation]>
+    public readonly onCarouselTransitionEnd: Subject<[HatnoteVisService, Visualisation]>
     public readonly updateVersionSubject: Subject<[string, number]>
     public readonly newCircleSubject: Subject<CircleData>
     public readonly newBannerSubject: Subject<BannerData>
@@ -62,9 +62,9 @@ export class Canvas {
     constructor(theme: VisualisationDirector, settings: SettingsData, newCircleSubject: Subject<CircleData>,
                           showNetworkInfoboxObservable: Subject<NetworkInfoboxData>,
                           updateVersionSubject: Subject<[string, number]>,
-                          onCarouselTransitionStart: BehaviorSubject<[HatnoteVisService, Visualisation]>,
-                          onCarouselTransitionMid: BehaviorSubject<[HatnoteVisService, Visualisation]>,
-                          onCarouselTransitionEnd: BehaviorSubject<[HatnoteVisService, Visualisation]>,
+                          onCarouselTransitionStart: Subject<[HatnoteVisService, Visualisation]>,
+                          onCarouselTransitionMid: Subject<[HatnoteVisService, Visualisation]>,
+                          onCarouselTransitionEnd: Subject<[HatnoteVisService, Visualisation]>,
                           updateDatabaseInfoSubject: Subject<DatabaseInfo>,
                           newBannerSubject: Subject<BannerData>,
                           appContainer:  Selection<HTMLDivElement, unknown, null, undefined>) {
diff --git a/web/src/main.ts b/web/src/main.ts
index bc2737631c6145ff7d2c61f9ba13a3857d92b664..df32b23d600aa6b484acbdb9981047310cd1cc8b 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -32,9 +32,9 @@ function main(){
     // create observables
     let newCircleSubject: Subject<CircleData> = new Subject()
     let newBannerSubject: Subject<BannerData> = new Subject()
-    let onCarouselTransitionStart: BehaviorSubject<[HatnoteVisService, Visualisation]> = new BehaviorSubject([theme.current_service_theme.id_name, theme.current_visualisation])
-    let onCarouselTransitionMid: BehaviorSubject<[HatnoteVisService, Visualisation]> = new BehaviorSubject([theme.current_service_theme.id_name, theme.current_visualisation])
-    let onCarouselTransitionEnd: BehaviorSubject<[HatnoteVisService, Visualisation]> = new BehaviorSubject([theme.current_service_theme.id_name, theme.current_visualisation])
+    let onCarouselTransitionStart: Subject<[HatnoteVisService, Visualisation]> = new Subject()
+    let onCarouselTransitionMid: Subject<[HatnoteVisService, Visualisation]> = new Subject()
+    let onCarouselTransitionEnd: Subject<[HatnoteVisService, Visualisation]> = new Subject()
     let showWebsocketInfoboxSubject: Subject<NetworkInfoboxData> = new Subject()
     let updateDatabaseInfoSubject: Subject<DatabaseInfo> = new Subject()
     let updateVersionSubject: Subject<[string,number]> = new Subject()
diff --git a/web/src/service_event/event_bridge.ts b/web/src/service_event/event_bridge.ts
index 12529f57c1c0945c4a4ee609d1db9be0528f1698..429fa592ac1c629e5ef4fd9016dc956fbc65033a 100644
--- a/web/src/service_event/event_bridge.ts
+++ b/web/src/service_event/event_bridge.ts
@@ -1,6 +1,6 @@
 import {BloxbergTransformer} from "./bloxberg_transformer";
 import {HatnoteAudio} from "../audio/hatnote_audio";
-import {BehaviorSubject, Subject} from "rxjs";
+import {Subject} from "rxjs";
 import {BannerData, CircleData} from "../observable/model";
 import {BloxbergWebsocketData, KeeperWebsocketData, MinervaWebsocketData, WebsocketEventInfo} from "../websocket/model";
 import {
@@ -24,8 +24,8 @@ export class EventBridge{
     private audio: HatnoteAudio | undefined;
     private newCircleSubject: Subject<CircleData>;
     private newBannerSubject: Subject<BannerData>;
-    private onCarouselTransitionStart: BehaviorSubject<[HatnoteVisService, Visualisation]>
-    private onThemeHasChanged: BehaviorSubject<[HatnoteVisService, Visualisation]>
+    private onCarouselTransitionStart: Subject<[HatnoteVisService, Visualisation]>
+    private onThemeHasChanged: Subject<[HatnoteVisService, Visualisation]>
     private eventBuffer: EventBuffer;
     private updateVersionSubject: Subject<[string,number]>
     private _currentService: HatnoteVisService
@@ -41,9 +41,9 @@ export class EventBridge{
     }
     constructor(audio: HatnoteAudio | undefined, newCircleSubject: Subject<CircleData>, newBanenrSubject: Subject<BannerData>,
                 updateVersionSubject: Subject<[string,number]>,
-                onCarouselTransitionStart: BehaviorSubject<[HatnoteVisService, Visualisation]>,
-                onCarouselTransitionMid: BehaviorSubject<[HatnoteVisService, Visualisation]>,
-                onCarouselTransitionEnd: BehaviorSubject<[HatnoteVisService, Visualisation]>,
+                onCarouselTransitionStart: Subject<[HatnoteVisService, Visualisation]>,
+                onCarouselTransitionMid: Subject<[HatnoteVisService, Visualisation]>,
+                onCarouselTransitionEnd: Subject<[HatnoteVisService, Visualisation]>,
                 settings_data: SettingsData) {
         this.settings_data = settings_data
         this.event_delay_protection = settings_data.event_delay_protection