diff --git a/index.html b/index.html
index 44e6f140..6a8c65b3 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,9 @@
     <!-- Main heading of the webpage -->
     <h1>WhyDRS Database</h1>
 
+    <!-- Informational text about empty cells and how to contribute -->
+    <p class="info-text"><sup>*</sup> Empty cells indicate missing data. You can help us improve by <a href="https://forms.gle/deQ6YDoyX4kTNXy28" target="_blank">contributing missing information</a> or emailing us at <a href="mailto:hi@whydrs.org">hi@whydrs.org</a>.</p>
+
     <!-- Loading overlay displayed while data is being fetched and the table is being initialized -->
     <div id="loading-overlay">
         <!-- Loading spinner -->
@@ -60,5 +63,10 @@ <h1>WhyDRS Database</h1>
 
     <!-- Include custom JavaScript file that contains the logic for fetching data and initializing the table -->
     <script src="src/web/javascript/script.js"></script>
+
+    <!-- Footer message encouraging volunteering -->
+    <p class="footer">
+        WhyDRS is 100% volunteer-driven. Help us improve by contributing or providing feedback <a href="https://github.com/WhyDRS/Database/tree/main" target="_blank">here</a>. Join us today! 
+    </p>
 </body>
 </html>
diff --git a/src/web/css/styles.css b/src/web/css/styles.css
index efd6bc77..62aecc4b 100644
--- a/src/web/css/styles.css
+++ b/src/web/css/styles.css
@@ -17,11 +17,23 @@ h1 {
     /* Set the heading text color */
     color: #134F9B;
     /* Add space below the heading */
-    margin-bottom: 30px;
+    margin-bottom: 10px;
     /* Set the font size */
     font-size: 2em;
 }
 
+/* Styles for informational text under the heading */
+.info-text {
+    /* Center the text */
+    text-align: center;
+    /* Set the font size */
+    font-size: 1em;
+    /* Set the text color */
+    color: #3E3E3E;
+    /* Add margin below the text */
+    margin-bottom: 20px;
+}
+
 /* Styles for the loading overlay */
 #loading-overlay {
     /* Position the overlay to cover the entire viewport */
@@ -318,3 +330,11 @@ div.dt-button-collection .dt-button[aria-pressed="true"]:hover {
     /* Ensure text color remains white */
     color: #FFFFFF !important;
 }
+
+/* Styles for the footer message */
+.footer {
+    text-align: center;
+    font-size: 1em;
+    margin-top: 30px;
+    color: #3E3E3E;
+}