diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 5ddf283..adec11a 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -99,6 +99,10 @@ a:hover {
 }
 
 #main {
+  display: flex; /* Flexbox for layout management */
+  flex-direction: column; /* Stack children vertically */
+  min-height: 100vh; /* Ensure it covers the full viewport height */
+  position: relative; /* For context for absolutely positioned children like the footer */
   transition: margin-left .5s;
 }
 
diff --git a/app/assets/stylesheets/software_records.scss b/app/assets/stylesheets/software_records.scss
index 3ef0866..bdacb4a 100644
--- a/app/assets/stylesheets/software_records.scss
+++ b/app/assets/stylesheets/software_records.scss
@@ -160,6 +160,10 @@ option {
 }
 
 #main {
+  display: flex; /* Flexbox for layout management */
+  flex-direction: column; /* Stack children vertically */
+  min-height: 100vh; /* Ensure it covers the full viewport height */
+  position: relative; /* For context for absolutely positioned children like the footer */
   transition: margin-left .5s;
 }