diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css
index a5dbdf36d..137e6a4d7 100644
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -32,7 +32,7 @@
     justify-content: center;
     border-radius: 6px;
     overflow: hidden;
-    background: var(--surface-base);
+    background: var(--surface-weak);
     border: 1px solid var(--border-weak-base);
     transition: border-color 0.15s ease;
 
@@ -76,7 +76,8 @@
     white-space: pre-wrap;
     word-break: break-word;
     overflow: hidden;
-    background: var(--surface-base);
+    background: var(--surface-weak);
+    border: 1px solid var(--border-weak-base);
     padding: 8px 12px;
     border-radius: 4px;
 
diff --git a/packages/ui/src/theme/themes/ayu.json b/packages/ui/src/theme/themes/ayu.json
index 04a696bd9..eac9e0491 100644
--- a/packages/ui/src/theme/themes/ayu.json
+++ b/packages/ui/src/theme/themes/ayu.json
@@ -18,7 +18,8 @@
       "background-base": "#fdfaf4",
       "background-weak": "#fcf9f3",
       "background-strong": "#fbf8f2",
-      "background-stronger": "#fdfaf4",
+      "background-stronger": "#faf7f1",
+      "surface-raised-base-hover": "#f4f0e9",
       "border-weak-base": "#e6ddcf",
       "border-weak-hover": "#dcd3c5",
       "border-weak-active": "#d1c9ba",
@@ -82,6 +83,7 @@
       "background-weak": "#18222c",
       "background-strong": "#0b1015",
       "background-stronger": "#080c10",
+      "surface-raised-base-hover": "#0f1419",
       "border-weak-base": "#2b3440",
       "border-weak-hover": "#323c49",
       "border-weak-active": "#394454",