diff --git a/src/App.vue b/src/App.vue
index db683da4..361c8a29 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@
             ondragover="event.preventDefault()"
             ondrop="event.preventDefault()">
             <RouterView></RouterView>
-            <Toaster position="top-center"></Toaster>
+            <Toaster position="top" :theme="sonnerTheme" :data-theme="themeMode"></Toaster>
 
             <AlertDialogModal></AlertDialogModal>
             <PromptDialogModal></PromptDialogModal>
@@ -23,6 +23,7 @@
 
 <script setup>
     import { computed, onBeforeMount, onMounted } from 'vue';
+    import { storeToRefs } from 'pinia';
 
     import { Toaster } from './components/ui/sonner';
     import { TooltipProvider } from './components/ui/tooltip';
@@ -44,6 +45,8 @@
     initNoty();
 
     const store = createGlobalStores();
+    const { isDarkMode, themeMode } = storeToRefs(store.appearanceSettings);
+    const sonnerTheme = computed(() => (isDarkMode.value ? 'dark' : 'light'));
 
     if (typeof window !== 'undefined') {
         window.$pinia = store;
diff --git a/src/stores/sharedFeed.js b/src/stores/sharedFeed.js
index 233d848a..4909fd01 100644
--- a/src/stores/sharedFeed.js
+++ b/src/stores/sharedFeed.js
@@ -73,7 +73,7 @@ export const useSharedFeedStore = defineStore('SharedFeed', () => {
         onPlayerJoining.value = newOnPlayerJoining;
 
         sharedFeedData.value = sharedFeedData.value.filter(
-            (ctx) => ctx.type !== 'OnPlayerJoining'
+            (ctx) => ctx.type !== 'OnPlayerJoining' && !ctx.isTraveling
         );
         sharedFeedData.value.unshift(...onPlayerJoining.value);
         if (sharedFeedData.value.length > maxEntries) {