From 6ffb26dccc1c30300de10432ba0b7a732ce16611 Mon Sep 17 00:00:00 2001
From: morgmart <98432065+morgmart@users.noreply.github.com>
Date: Tue, 12 May 2026 18:22:30 -0400
Subject: [PATCH] polish inline code snippet styling (#9011)

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>
---
 ui/goose2/src/shared/styles/globals.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/ui/goose2/src/shared/styles/globals.css b/ui/goose2/src/shared/styles/globals.css
index caa4d215..bed86c50 100644
--- a/ui/goose2/src/shared/styles/globals.css
+++ b/ui/goose2/src/shared/styles/globals.css
@@ -840,6 +840,19 @@ body,
   grid-column: 1 / -1;
 }
 
+code[data-streamdown="inline-code"],
+[data-streamdown] :not(pre) > code {
+  border: 0;
+  border-radius: 0.375rem;
+  background: color-mix(in oklab, var(--background-muted) 82%, transparent);
+  padding: 0.05rem calc(0.22rem + 1px);
+  color: var(--foreground);
+  font-size: calc(1em - 1px);
+  font-weight: 400;
+  line-height: inherit;
+  vertical-align: baseline;
+}
+
 /* ═══════════════════════════════════════════════════════════
    goose2 custom utilities
    ═══════════════════════════════════════════════════════════ */