diff --git a/src/components/ha-attributes.ts b/src/components/ha-attributes.ts
index a92d4912b6..933ed41d19 100644
--- a/src/components/ha-attributes.ts
+++ b/src/components/ha-attributes.ts
@@ -33,7 +33,9 @@ class HaAttributes extends LitElement {
         ).map(
           (attribute) => html`
             <div class="data-entry">
-              <div class="key">${attribute.replace(/_/g, " ")}</div>
+              <div class="key">
+                ${attribute.replace(/_/g, " ").replace("id", "ID")}
+              </div>
               <div class="value">
                 ${this.formatAttribute(attribute)}
               </div>
@@ -62,6 +64,9 @@ class HaAttributes extends LitElement {
         max-width: 200px;
         overflow-wrap: break-word;
       }
+      .key:first-letter {
+        text-transform: capitalize;
+      }
       .attribution {
         color: var(--secondary-text-color);
         text-align: right;