diff --git a/sass/_comments.scss b/sass/_comments.scss
index 4f8acae..51286c8 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -142,12 +142,17 @@ section#comments {
 
 				svg {
 					margin-inline-end: 0.25rem;
+					transition: var(--transition-long);
 					vertical-align: -0.125em;
 				}
 
 				&:hover {
 					box-shadow: var(--edge-highlight);
 					text-decoration: none;
+
+					svg {
+						rotate: 360deg;
+					}
 				}
 
 				&:active {
diff --git a/templates/partials/comments.html b/templates/partials/comments.html
index d111ea6..d5d34cd 100644
--- a/templates/partials/comments.html
+++ b/templates/partials/comments.html
@@ -211,7 +211,7 @@
 							boosts.className = "boosts";
 							boosts.setAttribute("href", `${status.url}/reblogs`);
 							boosts.setAttribute("title", `Favorites from ${instance}`);
-							
+
 							let boostsIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 							boostsIcon.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 							boostsIcon.setAttribute("width", "16");