diff --git a/files/assets/js/comments.js b/files/assets/js/comments.js
index 289368e8c..d64fbcce6 100644
--- a/files/assets/js/comments.js
+++ b/files/assets/js/comments.js
@@ -11,13 +11,13 @@ function collapse_comment(comment_id) {
 
 
     const isClosed = comment.classList.contains("collapsed");
-    
+
     const top = comment.getBoundingClientRect().y;
 
     const arr = [text, actions, repliesOf];
 
     arr.map(x => x.classList.toggle('hidden')); // hide comment elements
-    comment.classList.toggle('items-center opacity-50'); // apply flex alignment and opacity to comment parent wrapping div
+    ['items-center', 'opacity-50'].map(y=> comment.classList.toggle(y)); // apply flex alignment and opacity to comment parent wrapping div
 
     if (isClosed && top < 0) {
         comment.scrollIntoView()
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 596095ac6..8beccbec3 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -37,7 +37,7 @@
 {% endif %}
 
 <script defer src="/assets/js/popover.js?v=16"></script>
-<script defer src="/assets/js/comments.js?v=10"></script>
+<script defer src="/assets/js/comments.js?v=12"></script>
 
 {% include "expanded_image_modal.html" %}