diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 9ee665ad..693b038b 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1667,8 +1667,8 @@ select {
   height: 100px;
 }
 
-.h-\[250px\] {
-  height: 250px;
+.h-\[150px\] {
+  height: 150px;
 }
 
 .h-\[900px\] {
@@ -3708,8 +3708,8 @@ body:has(#menu-controller:checked) {
     display: none;
   }
 
-  .md\:h-\[300px\] {
-    height: 300px;
+  .md\:h-\[200px\] {
+    height: 200px;
   }
 
   .md\:h-56 {
@@ -3801,8 +3801,8 @@ body:has(#menu-controller:checked) {
     display: none;
   }
 
-  .lg\:h-\[350px\] {
-    height: 350px;
+  .lg\:h-\[250px\] {
+    height: 250px;
   }
 
   .lg\:h-72 {
diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index 94870150..1bf9e17d 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -3,7 +3,7 @@
 {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
 {{- with $featured -}}
 {{ with .Resize "1200x" }}
-<div id="hero" class="h-[250px] md:h-[300px] lg:h-[350px]"></div>
+<div id="hero" class="h-[150px] md:h-[200px] lg:h-[250px]"></div>
 <div class="fixed inset-x-0 top-0 h-[900px] single_hero_background nozoom"
     style="background-image:url({{ .RelPermalink }});">
     <div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">