diff --git a/src/client/components/particle.vue b/src/client/components/particle.vue
index e7c76113f1..bcdc56be63 100644
--- a/src/client/components/particle.vue
+++ b/src/client/components/particle.vue
@@ -3,14 +3,14 @@
 	<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
 		<circle fill="none" cx="64" cy="64">
 			<animate attributeName="r"
-					begin="0s" dur="1s"
+					begin="0s" dur="0.5s"
 					values="4; 32"
 					calcMode="spline"
 					keyTimes="0; 1"
 					keySplines="0.165, 0.84, 0.44, 1"
 					repeatCount="1" />
 			<animate attributeName="stroke-width"
-					begin="0s" dur="1s"
+					begin="0s" dur="0.5s"
 					values="16; 0"
 					calcMode="spline"
 					keyTimes="0; 1"
@@ -20,21 +20,21 @@
 		<g fill="none" fill-rule="evenodd">
 			<circle v-for="(particle, i) in particles" :key="i" :fill="particle.color">
 				<animate attributeName="r"
-						begin="0s" dur="1s"
+						begin="0s" dur="0.8s"
 						:values="`${particle.size}; 0`"
 						calcMode="spline"
 						keyTimes="0; 1"
 						keySplines="0.165, 0.84, 0.44, 1"
 						repeatCount="1" />
 				<animate attributeName="cx"
-						begin="0s" dur="1s"
+						begin="0s" dur="0.8s"
 						:values="`${particle.xA}; ${particle.xB}`"
 						calcMode="spline"
 						keyTimes="0; 1"
 						keySplines="0.3, 0.61, 0.355, 1"
 						repeatCount="1" />
 				<animate attributeName="cy"
-						begin="0s" dur="1s"
+						begin="0s" dur="0.8s"
 						:values="`${particle.yA}; ${particle.yB}`"
 						calcMode="spline"
 						keyTimes="0; 1"