diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index 934a2f4f11..55687a48d2 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -212,14 +212,17 @@ export class HaIntegrationCard extends LitElement {
     }
 
     return html`
-      <div class="content">
-        ${stateText
-          ? html`
-              <div class="message">
+      ${stateText
+        ? html`
+            <div class="message">
+              <ha-svg-icon .path=${mdiAlertCircle}></ha-svg-icon>
+              <div>
                 ${this.hass.localize(...stateText)}${stateTextExtra}
               </div>
-            `
-          : ""}
+            </div>
+          `
+        : ""}
+      <div class="content">
         ${devices.length || services.length || entities.length
           ? html`
               <div>
@@ -621,8 +624,17 @@ export class HaIntegrationCard extends LitElement {
         .message {
           font-weight: bold;
           padding-bottom: 16px;
+          display: flex;
+          margin-left: 40px;
+        }
+        .message ha-svg-icon {
           color: var(--state-message-color);
         }
+        .message div {
+          flex: 1;
+          margin-left: 8px;
+          padding-top: 2px;
+        }
 
         .content {
           flex: 1;