diff --git a/src/unified_web_ui/static/style.css b/src/unified_web_ui/static/style.css
index 454bbd1c..d2bc38e9 100644
--- a/src/unified_web_ui/static/style.css
+++ b/src/unified_web_ui/static/style.css
@@ -3,17 +3,19 @@ body {
     color: #ffffff;
     font-family: Arial, sans-serif; /* Reverted to original font */
     margin: 0;
-    padding: 0;
+    padding-top: 20px; /* Added padding to top for overall spacing */
+    padding-bottom: 20px; /* Added padding to bottom for overall spacing */
+    box-sizing: border-box; /* Ensure padding is included in height */
     display: flex; /* Changed to flex */
     flex-direction: column; /* Set flex direction to column */
     height: 100vh; /* Make body fill viewport height */
+    gap: 20px; /* Added gap between flex items (h1 and main-container) */
 }
 
 h1 {
     color: #64ffda; /* Kept existing color */
     text-align: center;
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin: 0; /* Removed explicit margins */
 }
 
 .main-container {
@@ -50,6 +52,7 @@ h1 {
     display: flex;
     flex-direction: column;
     align-items: center;
+    overflow-y: auto; /* Added to allow vertical scrolling if its content is too tall */
 }
 
 .lamp-view .container { /* Added for original styling effect */