diff --git a/django_nlp_integration/nlp_app/templates/base_generic.html b/django_nlp_integration/nlp_app/templates/base_generic.html
index df8a040..245b399 100644
--- a/django_nlp_integration/nlp_app/templates/base_generic.html
+++ b/django_nlp_integration/nlp_app/templates/base_generic.html
@@ -12,8 +12,8 @@
 </head>
 <body style="margin: 20px; padding-top: 80px; padding-bottom: 60px; background-color: #e6ffe6;">
 
-    <header style="position: fixed; top: 0; left: 0; right: 0; background-color: #99ff99; padding: 10px 20px; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); height:0px">
-        <h1 style="margin: 0;">Welcome to Crop Yield Prediction System</h1>
+    <header style="position: fixed; top: 0; left: 0; right: 0; padding: 10px 20px; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)">
+        <h1 style="margin: 0; text-align: center;">Welcome to Crop Yield Prediction System</h1>
         <nav>
             <ul style="list-style-type: none; padding: 0; margin: 10px 0 0 0; display: flex; justify-content: center; gap: 20px;">
                 <li style="margin: 0;">
@@ -29,12 +29,12 @@ <h1 style="margin: 0;">Welcome to Crop Yield Prediction System</h1>
         </nav>
     </header>
 
-    <main style="position:relative;top:0px;bottom:0px;padding: 20px; background-color: #ffffff; border-radius: 10px;">
+    <main style="position:relative;top:50px;bottom:0px;padding: 20px; background-color: #ffffff; border-radius: 10px;">
         {% block content %}
         {% endblock %}
     </main>
 
-    <footer style="position: fixed; bottom: 0; left: 0; right: 0; background-color: #99ff99; padding: 10px 20px; text-align: center; z-index: 1000; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);">
+    <footer style="position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 20px; text-align: center; z-index: 1000; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);">
         <p style="margin: 0;">&copy; 2024 Crop Yield Prediction System</p>
     </footer>
 
