diff --git a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
index 0e4d320..f5a88b9 100644
--- a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
@@ -2,7 +2,7 @@
     var hideNav = ViewData["HideNav"] != null ? "" : "withBody";
 }
 <nav class="navBar hide @hideNav" id="navBar">
-    <picture>
+    <picture class="navHero">
         <source srcset="" type="image/webp" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg.webp" class="lazy round" />
         <img src="" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg" class="lazy round" />
     </picture>
diff --git a/src/TerribleDev.Blog.Web/wwwroot/css/site.css b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
index 96fd63f..2c4d4a2 100644
--- a/src/TerribleDev.Blog.Web/wwwroot/css/site.css
+++ b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
@@ -217,6 +217,10 @@ a.link-unstyled, div.link-unstyled, span.link-unstyled, svg.link-unstyled {
     font-weight: inherit;
 }
 
+.navHero {
+    min-height: 210px;
+}
+
 @media screen and (max-width: 768px) {
     html {
         font-size: 14px;