diff --git a/src/assets/css/components/layout/Footer.scss b/src/assets/css/components/layout/Footer.scss
index 88854d5..30ba6e3 100644
--- a/src/assets/css/components/layout/Footer.scss
+++ b/src/assets/css/components/layout/Footer.scss
@@ -2,7 +2,7 @@
 	@apply mx-auto;
 }
 .footer {
-	@apply px-10 py-24 xl:p-32 w-screen relative z-10 text-slate-900;
+	@apply px-10 py-24 xl:p-32 w-screen relative z-10 text-black;
 	margin: 10rem calc(50% - 50vw) -50px calc(50% - 50vw) !important;
 
 	transform: translateY(30px);
@@ -26,13 +26,13 @@
 		@apply block w-full h-auto;
 	}
 	&__colophon {
-		@apply flex flex-col md:flex-row gap-x-12 gap-y-4 pt-24 items-start;
+		@apply flex flex-col md:flex-row gap-x-12 gap-y-4 pt-10 md:pt-24 items-start;
 
 		.logo-lhoist {
 			@apply w-40 h-auto;
 		}
 		.credits {
-			@apply text-left;
+			@apply text-left leading-normal;
 			p {
 				width: max-content;
 			}
@@ -47,7 +47,7 @@
 		flex-col
 		text-left
 		md:flex-row
-		gap-x-4
+
 		md:ml-auto
 		flex-wrap
 		lg:justify-end
@@ -57,8 +57,11 @@
 		}
 		a {
 			@apply no-underline 
-			text-slate-900
-	 
+			text-black
+			px-3
+			py-2
+	
+			block
 			hover:underline
 			hover:text-lhoistdark
 			underline-offset-4;
@@ -67,7 +70,7 @@
 		.made_by {
 			@apply w-full text-left lg:text-right text-lhoist pt-2 opacity-90;
 			a {
-				@apply text-lhoist;
+				@apply text-lhoist inline px-0;
 			}
 		}
 	}