diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 8874d25..76c79f7 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,7 +6,12 @@
 			&copy; {{ now.Year }}<br/>
 			Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
 		</p>
-		<a href="https://twitter.com/vikunjaio" target="_blank" rel="noopener" class="hover:underline pb-2">Twitter</a>
+		<a href="https://twitter.com/vikunjaio" target="_blank" rel="noopener" class="hover:underline pb-2 flex align-middle">
+			<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 112.197 112.197" style="enable-background:new 0 0 112.197 112.197;" xml:space="preserve"><g><circle style="fill:#55ACEE;" cx="56.099" cy="56.098" r="56.098"/><g><path style="fill:#F1F2F2;" d="M90.461,40.316c-2.404,1.066-4.99,1.787-7.702,2.109c2.769-1.659,4.894-4.284,5.897-7.417			c-2.591,1.537-5.462,2.652-8.515,3.253c-2.446-2.605-5.931-4.233-9.79-4.233c-7.404,0-13.409,6.005-13.409,13.409 c0,1.051,0.119,2.074,0.349,3.056c-11.144-0.559-21.025-5.897-27.639-14.012c-1.154,1.98-1.816,4.285-1.816,6.742 c0,4.651,2.369,8.757,5.965,11.161c-2.197-0.069-4.266-0.672-6.073-1.679c-0.001,0.057-0.001,0.114-0.001,0.17 c0,6.497,4.624,11.916,10.757,13.147c-1.124,0.308-2.311,0.471-3.532,0.471c-0.866,0-1.705-0.083-2.523-0.239 c1.706,5.326,6.657,9.203,12.526,9.312c-4.59,3.597-10.371,5.74-16.655,5.74c-1.08,0-2.15-0.063-3.197-0.188 c5.931,3.806,12.981,6.025,20.553,6.025c24.664,0,38.152-20.432,38.152-38.153c0-0.581-0.013-1.16-0.039-1.734 C86.391,45.366,88.664,43.005,90.461,40.316L90.461,40.316z"/></g></g></svg>
+			<span class="ml-1">
+				Follow Vikunja on Twitter
+			</span>
+		</a>
 		<a href="https://matrix.to/#/#vikunja:matrix.org">
 			<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
 		</a>
@@ -14,16 +19,19 @@
 		<p class="mt-6 font-title text-base font-bold">
 			Subscribe to our newsletter
 		</p>
-		<p class="text-gray-700 mt-2">
+		<p class="mt-2">
 			We'll email you about releases and news about Vikunja.
 			Low traffic. Unsubscribe any time.
 		</p>
 		<form method="post" action="https://newsletter.kolaente.de/subscription/form" class="listmonk-form">
-			<input type="text" name="email" placeholder="E-mail" class="mt-2 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring focus:ring-primary-lighter focus:ring-opacity-50" required/>
+			<input type="text" name="email" placeholder="E-mail"
+				   class="mt-2 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring focus:ring-primary-lighter focus:ring-opacity-50"
+				   required/>
 
 			<input id="f0bc9" type="hidden" name="l" value="f0bc9ec2-56a4-48c8-baad-7a31b137484e"/>
 
-			<input type="submit" value="Subscribe" class="mt-4 px-4 py-2 border border-transparent text-base font-medium rounded-md text-white bg-primary hover:bg-primary-darker cursor-pointer"/>
+			<input type="submit" value="Subscribe"
+				   class="mt-4 px-4 py-2 border border-transparent text-base font-medium rounded-md text-white bg-primary hover:bg-primary-darker cursor-pointer"/>
 		</form>
 	</div>
 	<div class="w-full md:w-1/5 mt-4 md:mt-0 flex flex-col">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 01a51ed..29939dc 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -62,6 +62,6 @@
 		<link rel="shortcut icon" type="image/x-icon" href="{{ .Site.BaseURL }}favicon.ico">
 		<link rel="icon" type="image/x-icon" href="{{ .Site.BaseURL }}favicon.ico">
 	</head>
-	<body class="antialiased bg-gray-50">
+	<body class="antialiased bg-gray-50 text-gray-900">
 
 	{{ partial "navbar.html" . }}
