From 03c74cd5d58f263ac659d8b2c6f0204178046b21 Mon Sep 17 00:00:00 2001
From: Kent Miguel <kentmiguel10@gmail.com>
Date: Mon, 30 Oct 2023 10:59:03 -0400
Subject: [PATCH] Fix white space showing on dark mode at the bottom of the
 page

---
 app/globals.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

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 */
 }
 
 * {