diff --git a/pages/index.vue b/pages/index.vue
index be31244..2aa69d8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -41,7 +41,7 @@ const getPopularContent = computed(() => {
 
 <template>
   <div
-    class="container px-4 mx-auto max-w-6xl flex font-ibmmono gap-14 antialiased"
+    class="container px-4 mx-auto max-w-6xl flex font-ibmmono gap-14 antialiased min-h-[72vh]"
   >
     <div class="flex-1">
       <h1 class="text-xl pb-8 text-[#e60067]">RECENTLY PUBLISHED</h1>
diff --git a/pages/latest.vue b/pages/latest.vue
index 0f81273..5892f80 100644
--- a/pages/latest.vue
+++ b/pages/latest.vue
@@ -27,7 +27,9 @@ const getRecentContent = computed(() => {
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
+  <div
+    class="container mx-auto max-w-6xl font-ibmmono antialiased min-h-[82vh]"
+  >
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       LATEST CONTENT
     </h1>
diff --git a/pages/tags/index.vue b/pages/tags/index.vue
index f1356de..96360b0 100644
--- a/pages/tags/index.vue
+++ b/pages/tags/index.vue
@@ -25,7 +25,9 @@ const getTopCategory = computed(() => {
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
+  <div
+    class="container mx-auto max-w-6xl font-ibmmono antialiased min-h-[82vh]"
+  >
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       ALL TAGS
     </h1>