diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index 0452bd5188..b76f791c4d 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -12,6 +12,7 @@ import {
 import { fireEvent } from "../../../src/common/dom/fire_event";
 import "../../../src/components/buttons/ha-call-api-button";
 import "../../../src/components/ha-card";
+import { HassioHostInfo as HassioHostInfoType } from "../../../src/data/hassio/host";
 import {
   HassioSupervisorInfo as HassioSupervisorInfoType,
   setSupervisorOption,
@@ -33,6 +34,8 @@ class HassioSupervisorInfo extends LitElement {
 
   @property() public supervisorInfo!: HassioSupervisorInfoType;
 
+  @property() public hostInfo!: HassioHostInfoType;
+
   @internalProperty() private _errors?: string;
 
   public render(): TemplateResult | void {
@@ -61,27 +64,41 @@ class HassioSupervisorInfo extends LitElement {
             </tbody>
           </table>
           <div class="options">
-            <ha-settings-row>
-              <span slot="heading">
-                Share Diagnostics
-              </span>
-              <div slot="description" class="diagnostics-description">
-                Share crash reports and diagnostic information.
-                <button
-                  class="link"
-                  @click=${this._diagnosticsInformationDialog}
-                >
-                  Learn more
-                </button>
-              </div>
-              <ha-switch
-                .checked=${this.supervisorInfo.diagnostics}
-                @change=${this._toggleDiagnostics}
-              ></ha-switch>
-            </ha-settings-row>
+            ${this.supervisorInfo?.supported
+              ? html` <ha-settings-row>
+                  <span slot="heading">
+                    Share Diagnostics
+                  </span>
+                  <div slot="description" class="diagnostics-description">
+                    Share crash reports and diagnostic information.
+                    <button
+                      class="link"
+                      @click=${this._diagnosticsInformationDialog}
+                    >
+                      Learn more
+                    </button>
+                  </div>
+                  <ha-switch
+                    .checked=${this.supervisorInfo.diagnostics}
+                    @change=${this._toggleDiagnostics}
+                  ></ha-switch>
+                </ha-settings-row>`
+              : html`<div class="error">
+                  You are running an unsupported installation.
+                  <a
+                    href="https://github.com/home-assistant/architecture/blob/master/adr/${this.hostInfo.features.includes(
+                      "hassos"
+                    )
+                      ? "0015-home-assistant-os.md"
+                      : "0014-home-assistant-supervised.md"}"
+                    target="_blank"
+                    rel="noreferrer"
+                    >Learn More</a
+                  >
+                </div>`}
           </div>
           ${this._errors
-            ? html` <div class="errors">Error: ${this._errors}</div> `
+            ? html` <div class="error">Error: ${this._errors}</div> `
             : ""}
         </div>
         <div class="card-actions">
@@ -143,10 +160,6 @@ class HassioSupervisorInfo extends LitElement {
         .info td:nth-child(2) {
           text-align: right;
         }
-        .errors {
-          color: var(--error-color);
-          margin-top: 16px;
-        }
         ha-settings-row {
           padding: 0;
         }
diff --git a/hassio/src/system/hassio-system.ts b/hassio/src/system/hassio-system.ts
index 00a304ed03..3a52347a08 100644
--- a/hassio/src/system/hassio-system.ts
+++ b/hassio/src/system/hassio-system.ts
@@ -56,6 +56,7 @@ class HassioSystem extends LitElement {
           <div class="card-group">
             <hassio-supervisor-info
               .hass=${this.hass}
+              .hostInfo=${this.hostInfo}
               .supervisorInfo=${this.supervisorInfo}
             ></hassio-supervisor-info>
             <hassio-host-info