diff --git a/docs/index.html b/docs/index.html
index 86eb9c70..22a2e8e5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -86,12 +86,7 @@
 				<section class="hero text-center text-light">
 					<div class="hero-bg"></div>
 					<div class="hero-particles-container">
-						<canvas
-							id="hero-particles"
-							width="2558"
-							height="1478"
-							style="width: 1279px; height: 739px;"
-						></canvas>
+						<canvas id="hero-particles"></canvas>
 					</div>
 					<div class="container-sm">
 						<div class="hero-inner">
diff --git a/docs/js/main.js b/docs/js/main.js
index bcbd69d6..ed47bfc1 100644
--- a/docs/js/main.js
+++ b/docs/js/main.js
@@ -156,8 +156,8 @@ starCanvas.prototype.start = function () {
   let h;
 
   const setCanvasExtents = () => {
-    w = document.body.clientWidth;
-    h = document.body.clientHeight;
+	w = this.canvas.parentNode.clientWidth;
+	h = this.canvas.parentNode.clientHeight;
     this.canvas.width = w;
     this.canvas.height = h;
   };