diff --git a/ui/src/pages/LogsTab/LogEntry.tsx b/ui/src/pages/LogsTab/LogEntry.tsx
index 2283cfe1..e61cde44 100644
--- a/ui/src/pages/LogsTab/LogEntry.tsx
+++ b/ui/src/pages/LogsTab/LogEntry.tsx
@@ -2,6 +2,7 @@ import { useState, useCallback } from 'react';
 import { useNavigate } from 'react-router';
 import { Badge } from '@cameleer/design-system';
 import type { LogEntryResponse } from '../../api/queries/logs';
+import { attributeBadgeColor } from '../../utils/attribute-color';
 import styles from './LogEntry.module.css';
 
 function levelColor(level: string): string {
@@ -63,7 +64,7 @@ export function LogEntry({ entry }: LogEntryProps) {
       <div className={styles.row}>
         <span className={styles.timestamp}>{formatTime(entry.timestamp)}</span>
         <span className={styles.level} style={{ color: levelColor(entry.level) }}>{entry.level}</span>
-        {entry.application && <Badge label={entry.application} color="auto" />}
+        {entry.application && <Badge label={entry.application} color={attributeBadgeColor(entry.application)} />}
         <span className={styles.logger} title={entry.loggerName ?? ''}>
           {abbreviateLogger(entry.loggerName)}
         </span>