diff --git a/src/panels/config/logs/dialog-system-log-detail.ts b/src/panels/config/logs/dialog-system-log-detail.ts
index 0444724f77..c76e0894b7 100644
--- a/src/panels/config/logs/dialog-system-log-detail.ts
+++ b/src/panels/config/logs/dialog-system-log-detail.ts
@@ -72,11 +72,7 @@ class DialogSystemLogDetail extends LitElement {
- ${this.hass.localize(
- "ui.panel.config.logs.details",
- "level",
- item.level
- )}
+ ${this.hass.localize("ui.panel.config.logs.details", "level", html`${item.level}`)}
@@ -176,6 +172,12 @@ class DialogSystemLogDetail extends LitElement {
margin-bottom: 0;
font-family: var(--code-font-family, monospace);
}
+ .error {
+ color: var(--error-color);
+ }
+ .warning {
+ color: var(--warning-color);
+ }
ha-header-bar {
--mdc-theme-on-primary: var(--primary-text-color);
diff --git a/src/panels/config/logs/system-log-card.ts b/src/panels/config/logs/system-log-card.ts
index 57533373bf..e7e55c0087 100644
--- a/src/panels/config/logs/system-log-card.ts
+++ b/src/panels/config/logs/system-log-card.ts
@@ -71,15 +71,15 @@ export class SystemLogCard extends LitElement {
this.hass!.language
)}
–
+ ${html`(${item.level}) `}
${integrations[idx]
? domainToName(
this.hass!.localize,
integrations[idx]!
)
: item.source[0]}
- ${html`(${item.level})`}
${item.count > 1
? html`
-