diff --git a/src/client/components/dialog.vue b/src/client/components/dialog.vue
index 531161157..ed740c1d8 100644
--- a/src/client/components/dialog.vue
+++ b/src/client/components/dialog.vue
@@ -1,9 +1,9 @@
 <template>
 <div class="mk-dialog" :class="{ iconOnly }">
-	<transition name="bg-fade" appear>
+	<transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear>
 		<div class="bg" ref="bg" @click="onBgClick" v-if="show"></div>
 	</transition>
-	<transition name="dialog" appear @after-leave="() => { destroyDom(); }">
+	<transition :name="$store.state.device.animation ? 'dialog' : ''" appear @after-leave="() => { destroyDom(); }">
 		<div class="main" ref="main" v-if="show">
 			<template v-if="type == 'signin'">
 				<mk-signin/>
diff --git a/src/client/pages/note.vue b/src/client/pages/note.vue
index 73a0bb37b..30741bab5 100644
--- a/src/client/pages/note.vue
+++ b/src/client/pages/note.vue
@@ -3,7 +3,7 @@
 	<portal to="avatar" v-if="note"><mk-avatar class="avatar" :user="note.user" :disable-preview="true"/></portal>
 	<portal to="title" v-if="note">{{ $t('noteOf', { user: note.user.name }) }}</portal>
 
-	<transition name="zoom" mode="out-in">
+	<transition :name="$store.state.device.animation ? 'zoom' : ''" mode="out-in">
 		<div v-if="note">
 			<mk-button v-if="hasNext && !showNext" @click="showNext = true" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></mk-button>
 			<x-notes v-if="showNext" ref="next" :pagination="next"/>