diff --git a/website/src/app.pcss b/website/src/app.pcss
index e51f4441..cf9118d9 100644
--- a/website/src/app.pcss
+++ b/website/src/app.pcss
@@ -8,7 +8,7 @@
     --foreground: 222.2 84% 4.9%;
  
     --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --muted-foreground: 215.4 16.3% 45%;
  
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
diff --git a/website/src/routes/[[language]]/+page.svelte b/website/src/routes/[[language]]/+page.svelte
index c356c244..b6247df5 100644
--- a/website/src/routes/[[language]]/+page.svelte
+++ b/website/src/routes/[[language]]/+page.svelte
@@ -247,7 +247,7 @@
 	</div>
 	<div class="px-12 md:px-24 flex flex-col items-center">
 		<div
-			class="max-w-4xl flex flex-col lg:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-2xl shadow-xl bg-muted"
+			class="max-w-4xl flex flex-col lg:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-2xl shadow-xl bg-secondary"
 		>
 			<div class="shrink-0 flex flex-col sm:flex-row lg:flex-col items-center gap-x-4 gap-y-2">
 				<div class="text-lg font-semibold text-muted-foreground">