diff --git a/src/panels/config/devices/device-detail/ha-device-info-card.ts b/src/panels/config/devices/device-detail/ha-device-info-card.ts
index 19176d0fbe..ce8e553b06 100644
--- a/src/panels/config/devices/device-detail/ha-device-info-card.ts
+++ b/src/panels/config/devices/device-detail/ha-device-info-card.ts
@@ -5,6 +5,7 @@ import {
   computeDeviceName,
   DeviceRegistryEntry,
 } from "../../../../data/device_registry";
+import { haStyle } from "../../../../resources/styles";
 import { HomeAssistant } from "../../../../types";
 import { loadDeviceRegistryDetailDialog } from "../device-registry-detail/show-dialog-device-registry-detail";
 
@@ -55,10 +56,13 @@ export class HaDeviceCard extends LitElement {
                     "ui.panel.config.integrations.config_entry.via"
                   )}
                   <span class="hub"
-                    >${this._computeDeviceName(
-                      this.devices,
-                      this.device.via_device_id
-                    )}</span
+                    ><a
+                      href="/config/devices/device/${this.device.via_device_id}"
+                      >${this._computeDeviceName(
+                        this.devices,
+                        this.device.via_device_id
+                      )}</a
+                    ></span
                   >
                 </div>
               `
@@ -112,29 +116,32 @@ export class HaDeviceCard extends LitElement {
   }
 
   static get styles(): CSSResultGroup {
-    return css`
-      :host {
-        display: block;
-      }
-      ha-card {
-        flex: 1 0 100%;
-        min-width: 0;
-      }
-      .device {
-        width: 30%;
-      }
-      .area {
-        color: var(--primary-text-color);
-      }
-      .extra-info {
-        margin-top: 8px;
-        word-wrap: break-word;
-      }
-      .manuf,
-      .model {
-        color: var(--secondary-text-color);
-        word-wrap: break-word;
-      }
-    `;
+    return [
+      haStyle,
+      css`
+        :host {
+          display: block;
+        }
+        ha-card {
+          flex: 1 0 100%;
+          min-width: 0;
+        }
+        .device {
+          width: 30%;
+        }
+        .area {
+          color: var(--primary-text-color);
+        }
+        .extra-info {
+          margin-top: 8px;
+          word-wrap: break-word;
+        }
+        .manuf,
+        .model {
+          color: var(--secondary-text-color);
+          word-wrap: break-word;
+        }
+      `,
+    ];
   }
 }