diff --git a/src/panels/config/hardware/ha-config-hardware.ts b/src/panels/config/hardware/ha-config-hardware.ts
index ebe7340e35..9e0cbea2a1 100644
--- a/src/panels/config/hardware/ha-config-hardware.ts
+++ b/src/panels/config/hardware/ha-config-hardware.ts
@@ -359,7 +359,7 @@ class HaConfigHardware extends SubscribeMixin(LitElement) {
               `
             : ""}
           ${dongles?.length
-            ? html`<ha-card>
+            ? html`<ha-card outlined>
                 ${dongles.map((dongle) => {
                   const configEntry = dongle.config_entries
                     .map((id) => this._configEntries?.[id])
@@ -441,6 +441,16 @@ class HaConfigHardware extends SubscribeMixin(LitElement) {
                     ></ha-chart-base>
                   </div>
                 </ha-card>`
+            : isComponentLoaded(this.hass, "hardware")
+            ? html`<ha-card outlined>
+                <div class="card-content">
+                  <div class="value">
+                    ${this.hass.localize(
+                      "ui.panel.config.hardware.loading_system_data"
+                    )}
+                  </div>
+                </div>
+              </ha-card>`
             : ""}
         </div>
       </hass-subpage>
diff --git a/src/translations/en.json b/src/translations/en.json
index c97d144058..d8977a8d8d 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1808,7 +1808,8 @@
           "documentation": "Documentation",
           "configure": "Configure",
           "documentation_description": "Find extra information about your device",
-          "restart_homeassistant": "[%key:ui::panel::config::system_dashboard::restart_homeassistant%]"
+          "restart_homeassistant": "[%key:ui::panel::config::system_dashboard::restart_homeassistant%]",
+          "loading_system_data": "Loading processor and memory data..."
         },
         "info": {
           "caption": "About",