diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 96c8e773a..91f63aed0 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6844,12 +6844,20 @@ div.markdown {
 	object-fit: contain;
 }
 
-.site-banner, .site-banner-hole {
+.site-banner {
 	width: 100%;
 	height: 100%;
 	max-height: 30vh;
 	object-fit: contain;
 }
+
+.site-banner-hole {
+	width: 100%;
+	height: 100%;
+	max-height: min(42vh,30vw) !important;
+	object-fit: cover;
+}
+
 .banner-wrapper > div {
 	position: relative;
 }
diff --git a/files/templates/default.html b/files/templates/default.html
index 190e7b672..79d7f8c5c 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -45,13 +45,21 @@
 					{% endif %}
 				{% endif %}
 
-				<div class="banner-wrapper">
-					<div style="padding: 0 0 12.2%">
-						<div>
-							<img data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{banner_url}}">
+				{% macro img_element() %}
+					<img data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{banner_url}}">
+				{% endmacro %}
+
+				{% if sub and sub.has_banners %}
+					{{img_element()}}
+				{% else %}
+					<div class="banner-wrapper">
+						<div style="padding: 0 0 12.2%">
+							<div>
+								{{img_element()}}
+							</div>
 						</div>
 					</div>
-				</div>
+				{% endif %}
 			</a>
 		{% endif %}
 	{% endif %}