From 6179c751824101fa480190f25d8e3e00074c7a13 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 20 Sep 2023 20:39:54 +0200
Subject: [PATCH] don't round update entity images (#17972)

---
 src/components/entity/state-badge.ts             | 6 +++++-
 src/panels/config/dashboard/ha-config-updates.ts | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/entity/state-badge.ts b/src/components/entity/state-badge.ts
index 17a9bcbbba3c..a9c1afd35c3f 100644
--- a/src/components/entity/state-badge.ts
+++ b/src/components/entity/state-badge.ts
@@ -131,11 +131,15 @@ export class StateBadge extends LitElement {
         if (this.hass) {
           imageUrl = this.hass.hassUrl(imageUrl);
         }
-        if (computeDomain(stateObj.entity_id) === "camera") {
+        const domain = computeDomain(stateObj.entity_id);
+        if (domain === "camera") {
           imageUrl = cameraUrlWithWidthHeight(imageUrl, 80, 80);
         }
         hostStyle.backgroundImage = `url(${imageUrl})`;
         this._showIcon = false;
+        if (domain === "update") {
+          hostStyle.borderRadius = "0";
+        }
       } else if (this.color) {
         // Externally provided overriding color wins over state color
         iconStyle.color = this.color;
diff --git a/src/panels/config/dashboard/ha-config-updates.ts b/src/panels/config/dashboard/ha-config-updates.ts
index b3285e808c10..ece376c8e810 100644
--- a/src/panels/config/dashboard/ha-config-updates.ts
+++ b/src/panels/config/dashboard/ha-config-updates.ts
@@ -86,7 +86,7 @@ class HaConfigUpdates extends SubscribeMixin(LitElement) {
           return html`
             <ha-list-item
               twoline
-              graphic="avatar"
+              graphic="medium"
               class=${entity.attributes.skipped_version ? "skipped" : ""}
               .entity_id=${entity.entity_id}
               .hasMeta=${!this.narrow}
@@ -156,6 +156,9 @@ class HaConfigUpdates extends SubscribeMixin(LitElement) {
         .skipped {
           background: var(--secondary-background-color);
         }
+        ha-list-item {
+          --mdc-list-item-graphic-size: 40px;
+        }
         ha-icon-next {
           color: var(--secondary-text-color);
           height: 24px;