diff --git a/src/effects/index.ts b/src/effects/index.ts
index da7742558ac..fe14fe28f8f 100644
--- a/src/effects/index.ts
+++ b/src/effects/index.ts
@@ -61,7 +61,7 @@ export const CHAT_EFFECTS: Array<Effect<{ [key: string]: any }>> = [
             maxCount: 600,
             speed: 10,
         },
-    },
+    } as Effect<RainfallOptions>,
     {
         emojis: ['❄', '🌨'],
         msgType: 'io.element.effect.snowfall',
diff --git a/src/effects/rainfall/index.ts b/src/effects/rainfall/index.ts
index a77312e9bd5..bfee5159802 100644
--- a/src/effects/rainfall/index.ts
+++ b/src/effects/rainfall/index.ts
@@ -15,7 +15,7 @@
  limitations under the License.
  */
 import ICanvasEffect from '../ICanvasEffect';
-import {arrayFastClone } from "../../utils/arrays";
+import { arrayFastClone } from "../../utils/arrays";
 
 export type RainfallOptions = {
     /**
@@ -64,7 +64,7 @@ export default class Rainfall implements ICanvasEffect {
         this.particles = [];
         const count = this.options.maxCount;
         while (this.particles.length < count) {
-            this.particles.push(this.resetParticle({} as Snowflake, canvas.width, canvas.height));
+            this.particles.push(this.resetParticle({} as Raindrop, canvas.width, canvas.height));
         }
         this.isRunning = true;
         requestAnimationFrame(this.renderLoop);