diff --git a/src/client/components/error.vue b/src/client/components/error.vue
index fea81305ed..b1d91fb3ef 100644
--- a/src/client/components/error.vue
+++ b/src/client/components/error.vue
@@ -1,9 +1,11 @@
 <template>
-<div class="mjndxjcg _panel">
-	<img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/>
-	<p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p>
-	<mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button>
-</div>
+<transition :name="$store.state.device.animation ? 'zoom' : ''" appear>
+	<div class="mjndxjcg _panel">
+		<img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/>
+		<p><fa :icon="faExclamationTriangle"/> {{ $t('error') }}</p>
+		<mk-button @click="() => $emit('retry')" class="button">{{ $t('retry') }}</mk-button>
+	</div>
+</transition>
 </template>
 
 <script lang="ts">