diff --git a/package.json b/package.json
index 1a537c57f2..1e66420e7b 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "@material/mwc-top-app-bar": "0.27.0",
     "@material/mwc-top-app-bar-fixed": "0.27.0",
     "@material/top-app-bar": "=14.0.0-canary.53b3cad2f.0",
-    "@material/web": "=1.0.0-pre.4",
+    "@material/web": "=1.0.0-pre.7",
     "@mdi/js": "7.2.96",
     "@mdi/svg": "7.2.96",
     "@polymer/app-layout": "3.1.0",
diff --git a/src/dialogs/more-info/components/alarm_control_panel/dialog-enter-code.ts b/src/dialogs/more-info/components/alarm_control_panel/dialog-enter-code.ts
index 0fcd0d6dc3..5efb1aea5f 100644
--- a/src/dialogs/more-info/components/alarm_control_panel/dialog-enter-code.ts
+++ b/src/dialogs/more-info/components/alarm_control_panel/dialog-enter-code.ts
@@ -1,5 +1,3 @@
-import "@material/web/button/filled-button";
-import "@material/web/iconbutton/filled-icon-button";
 import { mdiCheck, mdiClose } from "@mdi/js";
 import { css, CSSResultGroup, html, LitElement, nothing } from "lit";
 import { customElement, property, query, state } from "lit/decorators";
diff --git a/src/dialogs/more-info/controls/more-info-alarm_control_panel.ts b/src/dialogs/more-info/controls/more-info-alarm_control_panel.ts
index 67951ab9bb..f1db76a7a4 100644
--- a/src/dialogs/more-info/controls/more-info-alarm_control_panel.ts
+++ b/src/dialogs/more-info/controls/more-info-alarm_control_panel.ts
@@ -67,12 +67,10 @@ class MoreInfoAlarmControlPanel extends LitElement {
                     .path=${domainIcon("alarm_control_panel", this.stateObj)}
                   ></ha-svg-icon>
                 </div>
-                <md-outlined-button
-                  .label=${this.hass.localize(
+                <md-outlined-button @click=${this._disarm}>
+                  ${this.hass.localize(
                     "ui.dialogs.more_info_control.alarm_control_panel.disarm_action"
                   )}
-                  @click=${this._disarm}
-                >
                   <ha-svg-icon slot="icon" .path=${mdiShieldOff}></ha-svg-icon>
                 </md-outlined-button>
               </div>
diff --git a/src/dialogs/more-info/controls/more-info-fan.ts b/src/dialogs/more-info/controls/more-info-fan.ts
index 34cdeb9c04..cda083d179 100644
--- a/src/dialogs/more-info/controls/more-info-fan.ts
+++ b/src/dialogs/more-info/controls/more-info-fan.ts
@@ -282,14 +282,14 @@ class MoreInfoFan extends LitElement {
                     <md-outlined-button
                       slot="trigger"
                       .disabled=${this.stateObj.state === UNAVAILABLE}
-                      .label=${this._presetMode ||
+                    >
+                      ${this._presetMode ||
                       computeAttributeNameDisplay(
                         this.hass.localize,
                         this.stateObj,
                         this.hass.entities,
                         "preset_mode"
                       )}
-                    >
                       <ha-svg-icon
                         slot="icon"
                         path=${mdiCreation}
diff --git a/src/dialogs/more-info/controls/more-info-light.ts b/src/dialogs/more-info/controls/more-info-light.ts
index 0ab1dea391..3bcfb9fced 100644
--- a/src/dialogs/more-info/controls/more-info-light.ts
+++ b/src/dialogs/more-info/controls/more-info-light.ts
@@ -265,7 +265,6 @@ class MoreInfoLight extends LitElement {
     return [
       moreInfoControlStyle,
       css`
-        md-outlined-icon-button-toggle,
         md-outlined-icon-button {
           --ha-icon-display: block;
           --md-sys-color-on-surface: var(--secondary-text-color);
diff --git a/yarn.lock b/yarn.lock
index 1a2cd3a9d2..95932fd564 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3056,13 +3056,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@material/web@npm:=1.0.0-pre.4":
-  version: 1.0.0-pre.4
-  resolution: "@material/web@npm:1.0.0-pre.4"
+"@material/web@npm:=1.0.0-pre.7":
+  version: 1.0.0-pre.7
+  resolution: "@material/web@npm:1.0.0-pre.7"
   dependencies:
     lit: ^2.3.0
+    safevalues: ^0.4.3
     tslib: ^2.4.0
-  checksum: e083087a85146998d49a8cfa11dd0e02efe8836f417ef75ffa7f1163ebce1d6329059a5d86eae2a778e217e805cc95709e044ddc7a51dd145f1b9989c954b9cc
+  checksum: 11528bb938db09b8556459e41a3eb43418115901cb2b99f8389821240c63881e4924c8035f9bd10c04660935a0567fb805e89bd21e0501fdd00627cf639be6cd
   languageName: node
   linkType: hard
 
@@ -9487,7 +9488,7 @@ __metadata:
     "@material/mwc-top-app-bar": 0.27.0
     "@material/mwc-top-app-bar-fixed": 0.27.0
     "@material/top-app-bar": =14.0.0-canary.53b3cad2f.0
-    "@material/web": =1.0.0-pre.4
+    "@material/web": =1.0.0-pre.7
     "@mdi/js": 7.2.96
     "@mdi/svg": 7.2.96
     "@octokit/auth-oauth-device": 4.0.4
@@ -13842,6 +13843,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"safevalues@npm:^0.4.3":
+  version: 0.4.3
+  resolution: "safevalues@npm:0.4.3"
+  checksum: a5cbf3399662665ac8dd88e592ef52cf26df74c26933bc17f94245d3931a1614843e629095e8b3a1e90337f4cc724d7f40387c913cfdbab3cdebbab061657b59
+  languageName: node
+  linkType: hard
+
 "sax@npm:>=0.6.0":
   version: 1.2.4
   resolution: "sax@npm:1.2.4"