diff --git a/src/index.html b/src/index.html
index d214437..7ddaf7c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -137,6 +137,7 @@ <h2 class="text-4xl mb-8 font-bold text-center text-primary-900 pt-6">Stay one s
     </article>
   </main>
 
+  <div class="text-gray-100">
   <h2 class="mt-3 mb-1">Enhance Your IT Security with ThreatShield</h2>
   <p>At ThreatShield, we empower businesses and organizations to effectively identify, evaluate, and manage threats
     and risks within their IT systems. Our comprehensive platform enables teams to collaborate seamlessly, whether
@@ -172,6 +173,7 @@ <h2 class="mt-3 mb-1">AI-Powered Suggestions</h2>
 
 
   {{> footer }}
+</div> 
 
 </body>
 
diff --git a/src/partials/footer.hbs b/src/partials/footer.hbs
index 2bdfe25..36ee637 100644
--- a/src/partials/footer.hbs
+++ b/src/partials/footer.hbs
@@ -1,4 +1,4 @@
-<footer class="mt-5 w-full text-xs text-center text-legendary-200">
+<footer class="mt-5 w-full text-xs text-center text-gray-100">
     <div class="mt-5 space-x-5">
         <a href="https://inspired.consulting">&copy; 2023 Inspired Consulting GmbH</a>
         <a href="/">Home</a>
diff --git a/tailwind.config.js b/tailwind.config.js
index 56a9da4..4c01c3f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./src/**/*.{js,html}"],
+  content: ["./index.html", "./src/**/*.{js,html,hbs}"],
   theme: {
     extend: {
       colors: {