diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index b7e3d289c7..02eb06b797 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -273,6 +273,7 @@ export class MoreInfoDialog extends LitElement {
           --dialog-surface-position: static;
           --dialog-content-position: static;
           --vertical-align-dialog: flex-start;
+          --dialog-content-padding: 0;
         }
 
         ha-header-bar {
@@ -297,8 +298,12 @@ export class MoreInfoDialog extends LitElement {
             var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12));
         }
 
-        :host([tab="settings"]) ha-dialog {
-          --dialog-content-padding: 0px;
+        ha-dialog .content {
+          padding: 24px;
+        }
+
+        :host([tab="settings"]) ha-dialog .content {
+          padding: 0px;
         }
 
         @media all and (min-width: 600px) and (min-height: 501px) {
@@ -321,8 +326,8 @@ export class MoreInfoDialog extends LitElement {
           }
         }
 
-        :host([tab="info"]) ha-dialog[data-domain="camera"] {
-          --dialog-content-padding: 0;
+        :host([tab="info"]) ha-dialog[data-domain="camera"] .content {
+          padding: 0;
           /* max height of the video is full screen, minus the height of the header of the dialog and the padding of the dialog (mdc-dialog-max-height: calc(100% - 72px)) */
           --video-max-height: calc(100vh - 113px - 72px);
         }