diff --git a/libs/design/article/src/article-theme.scss b/libs/design/article/src/article-theme.scss
index e5bbd5541e..18dc23eea7 100644
--- a/libs/design/article/src/article-theme.scss
+++ b/libs/design/article/src/article-theme.scss
@@ -17,20 +17,19 @@
 	$table-border-color: theming.daff-illuminate($base, $neutral, 2);
 
 	.daff-article {
+		color: $text-color;
+
 		&__meta {
 			color: theming.daff-illuminate($base-contrast, $neutral, 3);
 		}
 
 		@include stopsArticleCascade(a) {
 			color: theming.daff-color($primary);
-		}
-
-		@include stopsArticleCascade(h1, h2, h3, h4, h5, h6) {
-			color: $text-color;
-		}
 
-		@include stopsArticleCascade(p) {
-			color: $text-color;
+			code {
+				background: theming.daff-illuminate($base, $primary, 1);
+				color: theming.daff-illuminate($base-contrast, $primary, 4);
+			}
 		}
 
 		pre {
diff --git a/libs/design/article/src/article/article.component.scss b/libs/design/article/src/article/article.component.scss
index dc1202df0e..516a51f4cd 100644
--- a/libs/design/article/src/article/article.component.scss
+++ b/libs/design/article/src/article/article.component.scss
@@ -13,6 +13,12 @@
 		&:hover {
 			text-decoration: underline;
 		}
+
+		code {
+			font-size: 0.875em;
+			font-weight: 600;
+			line-height: 0.875em;
+		}
 	}
 
 	@include stopsArticleCascade(h1, h2, h3, h4, h5, h6) {
@@ -36,12 +42,6 @@
 		+ p {
 			@include t.body-md;
 			font-weight: 400;
-
-			code {
-				font-size: 1.25rem;
-				line-height: 1.5rem;
-				font-weight: 400;
-			}
 		}
 	}
 
@@ -102,7 +102,7 @@
 		border-radius: 0.25em;
 		font-size: t.$small-font-size;
 		line-height: 1rem;
-		padding: 0.25em;
+		padding: 0.125em 0.25em;
 	}
 
 	&__meta {