diff --git a/app/components/ThemeSwitcher.vue b/app/components/ThemeSwitcher.vue
index e65e33c..4a4139b 100644
--- a/app/components/ThemeSwitcher.vue
+++ b/app/components/ThemeSwitcher.vue
@@ -51,7 +51,7 @@ function toggleDark(event: MouseEvent | { clientX: number, clientY: number }) {
 }
 
 defineShortcuts({
-  t: () => toggleDark({ clientX: window.innerWidth, clientY: 0 }),
+  t: () => toggleDark({ clientX: window.innerWidth / 2, clientY: window.innerHeight / 2 }),
 })
 </script>
 
@@ -86,3 +86,23 @@ defineShortcuts({
   }
 }
 </i18n>
+
+<style>
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+::view-transition-old(root) {
+  z-index: 1;
+}
+::view-transition-new(root) {
+  z-index: 9999;
+}
+.dark::view-transition-old(root) {
+  z-index: 9999;
+}
+.dark::view-transition-new(root) {
+  z-index: 1;
+}
+</style>