diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css
index 9e571c9f1..d123847cb 100644
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -227,12 +227,13 @@
 [data-component="reasoning-part"] {
   width: 100%;
   color: var(--text-base);
-  opacity: 0.8;
+  font-size: var(--font-size-small);
   line-height: var(--line-height-large);
 
   [data-component="markdown"] {
     margin-top: 24px;
     font-style: normal;
+    font-size: inherit;
 
     p:has(strong) {
       margin-top: 24px;