diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 6b5ab6c..237dedf 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -220,6 +220,15 @@
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
+  .min-h-\[70\] {
+    min-height: 70;
+  }
+  .min-h-\[70dvh\] {
+    min-height: 70dvh;
+  }
+  .min-h-\[70vdh\] {
+    min-height: 70vdh;
+  }
   .w-full {
     width: 100%;
   }
diff --git a/views/header.ejs b/views/header.ejs
index 77bfc1a..5a0a4c9 100644
--- a/views/header.ejs
+++ b/views/header.ejs
@@ -16,7 +16,7 @@
 <body>
   <main class="">
     <header class="bg-gray-200 w-full">
-      <div class="container mx-auto flex justify-between items-center text-gray-800 p-4">
+      <div class="container mx-auto flex justify-between items-center text-gray-800 py-4">
         <div class="flex items-center">
           <!-- <img src="/images/logo.png" alt="Logo" class="h-8 mr-2"> -->
           <h1 class=""><%= title %></h1>
diff --git a/views/index.ejs b/views/index.ejs
index 4c7430c..6f98e2d 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,6 +1,6 @@
 <%- include('header'); -%>
 
-<article class="container mx-auto py-4">
+<article class="container mx-auto py-4 min-h-[70dvh]">
   <h2>Welcome to the <%= title %> EJS Template</h2>
   <p>This is a simple example of using EJS for templating.</p>
 </article>
