diff --git a/packages/client/src/components/mod-player.vue b/packages/client/src/components/mod-player.vue
index 1892b3e6a..df170b357 100644
--- a/packages/client/src/components/mod-player.vue
+++ b/packages/client/src/components/mod-player.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { ref, nextTick } from 'vue';
 import * as foundkey from 'foundkey-js';
 import { i18n } from '@/i18n';
 import { defaultStore } from '@/store';
@@ -145,7 +145,7 @@ function performSeek() {
 
 function toggleVisible() {
 	hide.value = !hide.value;
-	setTimeout(() => { stop(hide.value); }, 100);
+	nextTick(() => { stop(hide.value); });
 }
 
 function display() {