diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 92b0c1092..4dc9c07c4 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -7839,3 +7839,9 @@ img[src$="/e/speechbubble.webp"] {
 		height: 411px
 	}
 }
+
+#view-art-sidebar img {
+	max-height: 300px !important;
+	width: 300px;
+	object-fit: contain;
+}
diff --git a/files/routes/static.py b/files/routes/static.py
index 217ea439e..0a732ef6e 100644
--- a/files/routes/static.py
+++ b/files/routes/static.py
@@ -457,4 +457,4 @@ def view_art(v):
 	urls = sorted(urls, key=lambda x: int(x.split('.webp')[0]), reverse=True)
 	urls = [f"{SITE_FULL_IMAGES}/i/{SITE_NAME}/{location_kind}/{x}" for x in urls]
 
-	return render_template(f'view_art.html', v=v, urls=urls, title=title)
+	return render_template(f'view_art.html', v=v, urls=urls, title=title, kind=location_kind)
diff --git a/files/templates/view_art.html b/files/templates/view_art.html
index c33720ff8..0693ef627 100644
--- a/files/templates/view_art.html
+++ b/files/templates/view_art.html
@@ -1,11 +1,11 @@
 {% extends "default.html" %}
 {% block pagetitle %}{{title}}{% endblock %}
 {% block content %}
-	<div class="text-center">
+	<div id="view-art-{{kind}}" class="text-center">
 		<h2 class="mt-4">{{title}}</h2>
 		{% for url in urls %}
 			<a href="{{url|expand_art}}">
-				<img class="mt-4 mr-3 img" style="max-width:{% if request.path == '/banners' %}80vw{% else %}300px{% endif %}" src="{{url}}" loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage('{{url|expand_art}}')">
+				<img class="mt-4 mr-3 img" src="{{url}}" loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage('{{url|expand_art}}')">
 			</a>
 		{% endfor %}
 	</div>