diff --git a/files/templates/comments.html b/files/templates/comments.html
index 5b92659d8..152a86780 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -247,7 +247,7 @@
 
 						{% set realbody = c.realbody(v) %}
 						{% set tilt = c.award_count('tilt', v) %}
-						<div id="comment-text-{{c.id}}" class="{{c.award_classes(v)}} comment-text mb-0" {% if tilt %}style="transform: rotate({{tilt}}deg);padding-right: {{tilt*10}}px;padding-left: {{tilt*10}}px"{% endif %}>
+						<div id="comment-text-{{c.id}}" class="{{c.award_classes(v)}} comment-text mb-0" {% if tilt %}style="transform: rotate({{tilt}}deg); padding: min(10vh,{{tilt*4}}px) min(10vw,{{tilt*10}}px)"{% endif %}>
 							{{realbody | safe}}
 						</div>
 
diff --git a/files/templates/post.html b/files/templates/post.html
index 2632eddc1..773f44a7f 100644
--- a/files/templates/post.html
+++ b/files/templates/post.html
@@ -105,7 +105,7 @@
 
 						{% if not v_forbid_deleted %}
 							{% set tilt = p.award_count('tilt', v) %}
-							<div id="post-body" class="post-body mt-3" {% if tilt %}style="transform: rotate({{tilt}}deg); padding: {{tilt*4}}px {{tilt*10}}px"{% endif %}>
+							<div id="post-body" class="post-body mt-3" {% if tilt %}style="transform: rotate({{tilt}}deg); padding: min(10vh,{{tilt*4}}px) min(10vw,{{tilt*10}}px)"{% endif %}>
 								{% if p.realurl(v) and not p.is_image and not p.is_video and not p.is_audio %}
 									<a rel="noopener" href="{{p.realurl(v)}}" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>
 										<div class="d-flex justify-content-between align-items-center border rounded p-2 mb-3">