diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 6fa0533cb..cac5dd538 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -3425,10 +3425,7 @@ small, .small {
 .profile-pic-65-wrapper  { width:  65px; height:  65px; }
 .profile-pic-75-wrapper  { width:  75px; height:  75px; }
 .profile-pic-100-wrapper { width: 100px; height: 100px; }
-.profile-pic-20-hat  {
-	width:  20px;
-	bottom: -2.7px;
-}
+.profile-pic-20-hat  { width:  20px; }
 .profile-pic-30-hat  { width:  30px; }
 .profile-pic-35-hat  { width:  35px; }
 .profile-pic-50-hat  { width:  50px; }
@@ -3436,6 +3433,12 @@ small, .small {
 .profile-pic-75-hat  { width:  75px; }
 .profile-pic-100-hat { width: 100px; }
 
+@media (min-width: 767.98px) {
+	.profile-pic-20-hat  {
+		bottom: -2.7px;
+	}
+}
+
 .profile--pfp--hat {
 	margin-top: 20px;
 }
diff --git a/files/templates/hats.html b/files/templates/hats.html
index 0654803cb..04989d74f 100644
--- a/files/templates/hats.html
+++ b/files/templates/hats.html
@@ -7,8 +7,16 @@
 {% block pagetype %}message{% endblock %}
 
 {% block Banner %}
+	<style>
+		@media (max-width: 768px) {
+			#hats-banner {
+				width: 80%;
+			}
+		}
+	</style>
+
 	<header class="container pb-1 text-center">
-		<img class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
+		<img id="hats-banner" class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
 		<h5 class="mt-4">Number of hats you bought: {{v.num_of_owned_hats}}</h5>
 		<h5 class="mt-4">Number of hats you designed: {{v.num_of_designed_hats}}</h5>
 		<h5 class="mt-4">Coins you spent on hats: {{v.coins_spent_on_hats}}</h5>
diff --git a/files/templates/shop.html b/files/templates/shop.html
index 54499abd8..249691d52 100644
--- a/files/templates/shop.html
+++ b/files/templates/shop.html
@@ -13,8 +13,16 @@
 {% block pagetype %}message{% endblock %}
 
 {% block Banner %}
+	<style>
+		@media (max-width: 768px) {
+			#shop-banner {
+				width: 80%;
+			}
+		}
+	</style>
+
 	<header class="container pb-1 text-center">
-		<img alt="shop banner" src="/i/shop.webp" width="50%">
+		<img id="shop-banner" alt="shop banner" src="/i/shop.webp">
 		<h3 class="mt-4">{{SHOP_FLAVOR}} Earn coins.</h5>
 		<h5 class="mt-4">Total sales: {{sales}} coins</h5>
 		<h5 class="mt-4">Coins spent by you: {{v.coins_spent}} coins</h5>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 6c5b3e29d..af21595b6 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -194,7 +194,7 @@
 			</div>
 
 			<h5 class="card-title post-title text-left w-lg-95 mb-0 pb-0 pb-md-1">
-				<a id="{{p.id}}-title" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %} href="{{p.permalink}}" class="{% if p.sub %}sub{% endif %} stretched-link {% if p.author.agendaposter and p.sub != 'chudrama' %}agendaposter{% endif %} {% if p.author.rainbow %}rainbow-text{% endif %}">
+				<a id="{{p.id}}-title" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %} href="{{p.permalink}}" class="{% if p.sub %}sub{% endif %} stretched-link {% if p.author.agendaposter and p.sub != 'chudrama' %}agendaposter{% endif %}">
 				{% if p.club %}<span class="patron font-weight-bolder mr-1" style="background-color:red; font-size:12px; line-height:2;">{{CC}}</span>{% endif %}
 				{% if p.category %}{{help.submission_category_tag(p.category.name, p.category.color_text, p.category.color_bg)}}{% endif %}
 				{% if p.flair %}<span class="patron font-weight-bolder mr-1" style="background-color:var(--primary); font-size:12px; line-height:2;">{{p.flair | safe}}</span>{% endif %}
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index 742ee0835..47634e258 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -1,6 +1,6 @@
 {%-
 set CACHE_VER = {
-	'css/main.css': 4015,
+	'css/main.css': 4016,
 	'css/catalog.css': 4002,
 	'css/4chan.css': 4002,
 	'css/classic.css': 4002,