diff --git a/files/templates/comments.html b/files/templates/comments.html
index 174f8e033b..e5d88f569e 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -263,16 +263,16 @@
 			
 			{% if c.award_count("tilt") %}
 				<style>
-					@media (max-width: 720px) {
-						@keyframes c{{c.id}}-tilt {
-							from {transform: rotate(0deg);}
-							to {transform: rotate(0.25deg);}
-						}
-					}
 					@keyframes c{{c.id}}-tilt {
 						from {transform: rotate(0.5deg);}
 						to {transform: rotate({{c.award_count("tilt")}}deg);}
 					}
+					@media (max-width: 720px) {
+						@keyframes c{{c.id}}-tilt {
+							from {transform: rotate(0deg);}
+							to {transform: rotate(1deg);}
+						}
+					}
 					.comment-{{c.id}}-only {
 						animation-name: c{{c.id}}-tilt !important;
 						animation-duration: 60s !important;
diff --git a/files/templates/submission.html b/files/templates/submission.html
index ec0b82d8dd..639dc654b7 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -458,16 +458,16 @@
 
 {% if p.award_count("tilt") %}
 	<style>
-		@media (max-width: 720px) {
-			@keyframes post-tilt {
-				from {transform: rotate(0deg);}
-				to {transform: rotate(0.25deg);}
-			}
-		}
 		@keyframes post-tilt {
 			from {transform: rotate(0.5deg);}
 			to {transform: rotate({{p.award_count("tilt")}}deg);}
 		}
+		@media (max-width: 720px) {
+			@keyframes post-tilt {
+				from {transform: rotate(0deg);}
+				to {transform: rotate(1deg);}
+			}
+		}
 		#post-root {
 			animation-name: post-tilt !important;
 			animation-duration: 60s !important;