diff --git a/src/app.css b/src/app.css
index 69e107be9..05fb1708b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -158,3 +158,17 @@ input[type='number'] {
 .password {
 	-webkit-text-security: disc;
 }
+
+.codespan {
+	color: #eb5757;
+	border-width: 0px;
+	padding: 3px 8px;
+	font-size: 0.8em;
+	font-weight: 600;
+}
+[data-theme='light'] .codespan {
+	background-color: #f0f0f0;
+}
+[data-theme='dark'] .codespan {
+	background-color: #111;
+}
diff --git a/src/lib/components/chat/Messages/MarkdownInlineTokens.svelte b/src/lib/components/chat/Messages/MarkdownInlineTokens.svelte
index 82090d7bb..7ccc0e565 100644
--- a/src/lib/components/chat/Messages/MarkdownInlineTokens.svelte
+++ b/src/lib/components/chat/Messages/MarkdownInlineTokens.svelte
@@ -31,7 +31,7 @@
 			<svelte:self id={`${id}-em`} tokens={token.tokens} />
 		</em>
 	{:else if token.type === 'codespan'}
-		<code>{unescapeHtml(token.text.replaceAll('&amp;', '&'))}</code>
+		<code class="codespan">{unescapeHtml(token.text.replaceAll('&amp;', '&'))}</code>
 	{:else if token.type === 'br'}
 		<br />
 	{:else if token.type === 'del'}