diff --git a/app/assets/javascripts/wizard/components/wizard-canvas.js b/app/assets/javascripts/wizard/components/wizard-canvas.js
index 0e7db41211..35dc7bc551 100644
--- a/app/assets/javascripts/wizard/components/wizard-canvas.js
+++ b/app/assets/javascripts/wizard/components/wizard-canvas.js
@@ -1,3 +1,4 @@
+import { bind } from "discourse-common/utils/decorators";
 import Component from "@ember/component";
 const MAX_PARTICLES = 150;
 
@@ -75,17 +76,19 @@ export default Component.extend({
     this.ready = true;
     this.paint();
 
-    $(window).on("resize.wizard", () => this.resized());
+    window.addEventListener("resize", this.resized);
   },
 
   willDestroyElement() {
     this._super(...arguments);
-    $(window).off("resize.wizard");
+
+    window.removeEventListener("resize", this.resized);
   },
 
+  @bind
   resized() {
-    width = $(window).width();
-    height = $(window).height();
+    width = window.innerWidth;
+    height = window.innerHeight;
 
     const canvas = this.element;
     canvas.width = width;