diff --git a/layouts/partials/particles.html b/layouts/partials/particles.html
index f79bc6f4..12d19ccb 100644
--- a/layouts/partials/particles.html
+++ b/layouts/partials/particles.html
@@ -1,14 +1,11 @@
 <script>
 function sun_open() {
-	var b = document.querySelectorAll(".sun");
 	var n = document.querySelectorAll(".nasa");
-	var index = 0, length = b.length;
+	var index = 0, length = n.length;
 	for ( ; index < length; index++) {
-		if (b[index].style.display == 'none') {
-			b[index].style.display = 'block'; 
+		if (n[index].style.display == 'block') {
 			n[index].style.display = 'none'; 
 		} else {
-			b[index].style.display = 'none';
 			n[index].style.display = 'block'; 
 		}
 	}
@@ -20,7 +17,9 @@ function sun_open() {
 	<div class="sun-button">
 		<img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
 	</div>
-	<div id="particles-js"></div>
+	<div class="sun-particles">
+		<div id="particles-js"></div>
+	</div>
 </div>
 <script src="/pkg/particles/particles.min.js"></script>
 <script src="/pkg/particles/config.js"></script>
diff --git a/static/css/style.css b/static/css/style.css
index 48718195..267c28b5 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1294,10 +1294,6 @@ button.comment_open:hover {
 	padding: 30px;
 }
 
-.sun {
-	display: block;
-}
-
 .nasa {
 	display: none;
 }
@@ -1308,6 +1304,11 @@ button.comment_open:hover {
 	text-align: center;
 	width: 100%;
 }
+
+.sun-particles {
+	display: block;
+}
+
 .sun-button img {
 	width: 50px;
 	margin: 50% 0 0 0;