diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 4d307c2..8ab06c2 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <main class="text-primary-800 dark:gray-400">
 {{ if ( .Page.Params.hero.enable ) }}
-<section class="hero flex justify-center h-11/20 md:h-2/3">
+<section class="hero flex justify-center">
     <div class="h-full flex">
         <div class=" align-middle px-4 my-auto">
             {{ partial "hero/heading" . }}
diff --git a/static/css/custom.css b/static/css/custom.css
index 7f752d1..9868df5 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,6 +1,7 @@
 .hero{
     position: relative;
     opacity: 1;
+    height: 55vh;
     background: rgba(175, 175, 255, 0.1);
 }
 .hero::before{