diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
index 36f4a446..096858a9 100644
--- a/src/components/log/log-item.tsx
+++ b/src/components/log/log-item.tsx
@@ -69,7 +69,7 @@ const LogItem = ({ value, searchState }: Props) => {
           {renderHighlightText(value.type)}
         </span>
       </div>
-      <div className="text-gray-800 dark:text-gray-200 break-all whitespace-pre-wrap">
+      <div className="text-foreground break-all whitespace-pre-wrap">
         {renderHighlightText(value.payload)}
       </div>
     </div>