diff --git a/ui/desktop/src/components/MarkdownContent.tsx b/ui/desktop/src/components/MarkdownContent.tsx
index ca7fe384..67f3d20e 100644
--- a/ui/desktop/src/components/MarkdownContent.tsx
+++ b/ui/desktop/src/components/MarkdownContent.tsx
@@ -103,10 +103,7 @@ export default function MarkdownContent({ content, className = '' }: MarkdownCon
             return inlinecode == 'false' && match ? (
               <CodeBlock language={match[1]}>{String(children).replace(/\n$/, '')}</CodeBlock>
             ) : (
-              <code
-                {...props}
-                className={`break-all bg-inline-code dark:bg-inline-code-dark whitespace-pre-wrap`}
-              >
+              <code {...props} className={`break-all bg-inline-code whitespace-pre-wrap`}>
                 {children}
               </code>
             );
diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css
index 7e8b350a..75235823 100644
--- a/ui/desktop/src/styles/main.css
+++ b/ui/desktop/src/styles/main.css
@@ -274,9 +274,7 @@
 
   .bg-inline-code {
     border-radius: 4px;
-    color: rgb(255 119 43);
-    background-color: var(--background-app);
-    border: 1px solid var(--border-subtle);
+    color: var(--grey-80);
     font-family: 'Cash Sans Mono', monospace;
     font-size: 12px;
     font-style: normal;
@@ -287,14 +285,14 @@
   .bg-inline-code:before {
     content: '';
   }
+
   pre:has(> code.bg-inline-code) {
     padding: 1em;
   }
 
-  *:has(> code.bg-inline-code) {
-    .bg-inline-code {
-      padding: 2px 4px;
-    }
+  p > code.bg-inline-code {
+    color: var(--block-orange);
+    padding: 2px 4px;
   }
 
   .bg-inline-code:after {