diff --git a/src/App.vue b/src/App.vue
index fb078fda7e8..c42b42b599d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -474,10 +474,6 @@ export default {
 			} else if (to.name === 'notfound') {
 				this.setPageTitle('')
 			}
-
-			if (to.hash === '#direct-call') {
-				emit('talk:media-settings:show')
-			}
 		})
 
 		if (getCurrentUser()) {
@@ -502,10 +498,6 @@ export default {
 			})
 		}
 
-		if (this.$route.hash === '#direct-call') {
-			emit('talk:media-settings:show')
-		}
-
 		subscribe('notifications:action:execute', this.interceptNotificationActions)
 		subscribe('notifications:notification:received', this.interceptNotificationReceived)
 	},
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index ec0f6a2fb8e..011a77b3fa3 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -267,10 +267,9 @@ export default {
 		}
 	},
 
-	mounted() {
+	beforeMount() {
 		subscribe('show-conversation-settings', this.handleShowSettings)
 		subscribe('hide-conversation-settings', this.handleHideSettings)
-
 	},
 
 	beforeDestroy() {
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index 5a0e72068df..eb2fd8af0f9 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -466,7 +466,7 @@ export default {
 		},
 	},
 
-	mounted() {
+	beforeMount() {
 		subscribe('talk:media-settings:show', this.showModal)
 		subscribe('talk:media-settings:hide', this.closeModalAndApplySettings)
 
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 84db84b8400..ed679a02776 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -16,6 +16,8 @@
 </template>
 
 <script>
+import { emit } from '@nextcloud/event-bus'
+
 import CallView from '../components/CallView/CallView.vue'
 import ChatView from '../components/ChatView.vue'
 import LobbyScreen from '../components/LobbyScreen.vue'
@@ -23,6 +25,7 @@ import PollViewer from '../components/PollViewer/PollViewer.vue'
 import TopBar from '../components/TopBar/TopBar.vue'
 
 import { useIsInCall } from '../composables/useIsInCall.js'
+import Router from '../router/router.js'
 
 export default {
 	name: 'MainView',
@@ -68,6 +71,20 @@ export default {
 		},
 	},
 
+	mounted() {
+		const handleRouteHashChange = (token, route) => {
+			if (route?.hash === '#direct-call') {
+				emit('talk:media-settings:show')
+				Router.replace({ ...route, hash: '' })
+			} else if (route?.hash === '#settings') {
+				emit('show-conversation-settings', { token })
+				Router.replace({ ...route, hash: '' })
+			}
+		}
+
+		handleRouteHashChange(this.token, Router.currentRoute)
+		Router.afterEach((to) => handleRouteHashChange(this.token, to))
+	},
 }
 </script>