diff --git a/packages/v2/src/esp-app.ts b/packages/v2/src/esp-app.ts
index 02949c0..3d77dfc 100644
--- a/packages/v2/src/esp-app.ts
+++ b/packages/v2/src/esp-app.ts
@@ -123,7 +123,7 @@ export default class EspApp extends LitElement {
     return html`
       <h1>
         <a href="https://esphome.io/web-api" class="logo">
-          <esp-logo></esp-logo>
+          <esp-logo style="width: 52px; height: 40px; display: block;"></esp-logo>
         </a>
         ${this.config.title}
         <span id="beat" title="${this.version}">❤</span>
diff --git a/packages/v3/src/esp-app.ts b/packages/v3/src/esp-app.ts
index a4104d8..51b62cc 100644
--- a/packages/v3/src/esp-app.ts
+++ b/packages/v3/src/esp-app.ts
@@ -192,7 +192,7 @@ export default class EspApp extends LitElement {
     return html`
       <header>
         <a href="https://esphome.io/web-api" id="logo" title="${this.version}">
-          <esp-logo></esp-logo>
+          <esp-logo style="width: 52px; height: 40px;"></esp-logo>
         </a>
         <iconify-icon
           .icon="${!!this.connected ? "mdi:circle" : "mdi:circle-off-outline"}"