diff --git a/app/globals.css b/app/globals.css
index 56fe8ee..0c8888c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -3,11 +3,17 @@
 @tailwind utilities;
 
 html,
-body,
-main {
+body {
   @apply bg-gray-1 text-gray-12;
   font-weight: 300;
-  height: 100%;
+  height: 100%; /* Set the height to 100% to fill the entire viewport height */
+}
+
+main {
+  @apply bg-gray-1 text-gray-12;
+  display: flex;
+  flex-direction: column;
+  min-height: 100%; /* Set the minimum height to 100% viewport height */
 }
 
 * {