diff --git a/src/dialogs/more-info/ha-more-info-logbook.ts b/src/dialogs/more-info/ha-more-info-logbook.ts
index 16f6097d8b..3a307e9370 100644
--- a/src/dialogs/more-info/ha-more-info-logbook.ts
+++ b/src/dialogs/more-info/ha-more-info-logbook.ts
@@ -8,7 +8,7 @@ import "../../components/state-history-charts";
 import { getLogbookData, LogbookEntry } from "../../data/logbook";
 import { loadTraceContexts, TraceContexts } from "../../data/trace";
 import "../../panels/logbook/ha-logbook";
-import { haStyle, haStyleScrollbar } from "../../resources/styles";
+import { haStyle } from "../../resources/styles";
 import { HomeAssistant } from "../../types";
 import { closeDialog } from "../make-dialog-manager";
 
@@ -52,7 +52,6 @@ export class MoreInfoLogbook extends LitElement {
           : this._logbookEntries.length
           ? html`
               <ha-logbook
-                class="ha-scrollbar"
                 narrow
                 no-icon
                 no-name
@@ -149,7 +148,6 @@ export class MoreInfoLogbook extends LitElement {
   static get styles() {
     return [
       haStyle,
-      haStyleScrollbar,
       css`
         .no-entries {
           text-align: center;
@@ -157,12 +155,11 @@ export class MoreInfoLogbook extends LitElement {
           color: var(--secondary-text-color);
         }
         ha-logbook {
-          max-height: 250px;
-          overflow: auto;
+          --logbook-max-height: 250px;
         }
         @media all and (max-width: 450px), all and (max-height: 500px) {
           ha-logbook {
-            max-height: unset;
+            --logbook-max-height: unset;
           }
         }
         ha-circular-progress {
diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts
index e748085b01..87c1402869 100644
--- a/src/panels/logbook/ha-logbook.ts
+++ b/src/panels/logbook/ha-logbook.ts
@@ -349,6 +349,10 @@ class HaLogbook extends LitElement {
           color: var(--primary-color);
         }
 
+        .container {
+          max-height: var(--logbook-max-height);
+        }
+
         :host([virtualize]) .container {
           display: block;
           position: relative;
diff --git a/src/panels/lovelace/cards/hui-logbook-card.ts b/src/panels/lovelace/cards/hui-logbook-card.ts
index f837b2b694..5681ce47f6 100644
--- a/src/panels/lovelace/cards/hui-logbook-card.ts
+++ b/src/panels/lovelace/cards/hui-logbook-card.ts
@@ -290,7 +290,6 @@ export class HuiLogbookCard extends LitElement implements LovelaceCard {
 
         ha-logbook {
           height: 385px;
-          overflow: auto;
           display: block;
         }