diff --git a/website/src/app.css b/website/src/app.css
index c8a91b7..23c2c9a 100644
--- a/website/src/app.css
+++ b/website/src/app.css
@@ -92,15 +92,25 @@ body {
 }
 
 .admonition {
-	@apply my-4 rounded-sm border-l-4 px-4 py-3 prose-p:my-1;
+	@apply my-4 rounded-sm border-l-4 px-4 py-3 prose-p:my-2 prose-pre:my-4;
 	border-color: var(--admonition-border);
 	background-color: var(--admonition-bg);
+	--shiki-background: rgb(255 255 255 / 0.3);
 }
 
 .admonition * {
 	color: theme(colors.light);
 }
 
+.admonition a,
+.admonition a * {
+	color: var(--admonition-text);
+}
+
+.admonition pre {
+	@apply border border-[--admonition-border];
+}
+
 .admonition-title {
 	@apply flex items-center space-x-2 text-lg font-semibold;
 }
@@ -118,11 +128,17 @@ body {
 	.admonition {
 		border-color: var(--admonition-border-dark);
 		background-color: var(--admonition-bg-dark);
+		--shiki-background: rgb(0 0 0 / 0.3);
 	}
 
 	.admonition-title * {
 		color: var(--admonition-text-dark);
 	}
+
+	.admonition a,
+	.admonition a * {
+		color: var(--admonition-text-dark);
+	}
 }
 
 .admonition-note {