diff --git a/package.json b/package.json
index afc624f50f..b491436ac5 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,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.13",
+    "@material/web": "=1.0.0-pre.14",
     "@mdi/js": "7.2.96",
     "@mdi/svg": "7.2.96",
     "@polymer/app-layout": "3.1.0",
diff --git a/src/components/ha-outlined-button.ts b/src/components/ha-outlined-button.ts
index 87076e5496..789dbcfa9c 100644
--- a/src/components/ha-outlined-button.ts
+++ b/src/components/ha-outlined-button.ts
@@ -1,8 +1,8 @@
 import { css } from "lit";
 import { customElement } from "lit/decorators";
-import { OutlinedButton } from "@material/web/button/lib/outlined-button";
-import { styles as outlinedStyles } from "@material/web/button/lib/outlined-styles.css";
-import { styles as sharedStyles } from "@material/web/button/lib/shared-styles.css";
+import { OutlinedButton } from "@material/web/button/internal/outlined-button";
+import { styles as outlinedStyles } from "@material/web/button/internal/outlined-styles.css";
+import { styles as sharedStyles } from "@material/web/button/internal/shared-styles.css";
 
 @customElement("ha-outlined-button")
 export class HaOutlinedButton extends OutlinedButton {
diff --git a/src/components/ha-outlined-icon-button.ts b/src/components/ha-outlined-icon-button.ts
index 1ca26ccf97..9715c4a7cc 100644
--- a/src/components/ha-outlined-icon-button.ts
+++ b/src/components/ha-outlined-icon-button.ts
@@ -1,9 +1,8 @@
 import { css } from "lit";
 import { customElement } from "lit/decorators";
-
-import { IconButton } from "@material/web/iconbutton/lib/icon-button";
-import { styles as outlinedStyles } from "@material/web/iconbutton/lib/outlined-styles.css";
-import { styles as sharedStyles } from "@material/web/iconbutton/lib/shared-styles.css";
+import { IconButton } from "@material/web/iconbutton/internal/icon-button";
+import { styles as outlinedStyles } from "@material/web/iconbutton/internal/outlined-styles.css";
+import { styles as sharedStyles } from "@material/web/iconbutton/internal/shared-styles.css";
 
 @customElement("ha-outlined-icon-button")
 export class HaOutlinedIconButton extends IconButton {
diff --git a/src/dialogs/more-info/components/lights/ha-favorite-color-button.ts b/src/dialogs/more-info/components/lights/ha-favorite-color-button.ts
index adffd63c0a..12be00c662 100644
--- a/src/dialogs/more-info/components/lights/ha-favorite-color-button.ts
+++ b/src/dialogs/more-info/components/lights/ha-favorite-color-button.ts
@@ -9,7 +9,8 @@ import {
   temperature2rgb,
 } from "../../../../common/color/convert-light-color";
 import { luminosity } from "../../../../common/color/rgb";
-import { HaOutlinedIconButton } from "../../../../components/ha-outlined-icon-button";
+import type { HaOutlinedIconButton } from "../../../../components/ha-outlined-icon-button";
+import "../../../../components/ha-outlined-icon-button";
 import "../../../../components/ha-svg-icon";
 import { LightColor, LightEntity } from "../../../../data/light";
 
diff --git a/yarn.lock b/yarn.lock
index 1212257013..ba035b1321 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3164,14 +3164,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@material/web@npm:=1.0.0-pre.13":
-  version: 1.0.0-pre.13
-  resolution: "@material/web@npm:1.0.0-pre.13"
+"@material/web@npm:=1.0.0-pre.14":
+  version: 1.0.0-pre.14
+  resolution: "@material/web@npm:1.0.0-pre.14"
   dependencies:
     lit: ^2.7.4
     safevalues: ^0.4.3
     tslib: ^2.4.0
-  checksum: f477ea3a50991d90bfd1491d35b26393deab43a735053b873e50e53fa34e599c552acc19e3fcaebcb44cbabcf08529b6970ec11a552e2a93146fe0a230e3a4b3
+  checksum: ca9d1e5c7a2f10e7a9deb440213df4e3ef5f717661b14173153bbda58dec6a01bd153dd4c28de15009b26968aef438783326192e2e2d10dc25c8d5d16b5d4402
   languageName: node
   linkType: hard
 
@@ -9671,7 +9671,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.13
+    "@material/web": =1.0.0-pre.14
     "@mdi/js": 7.2.96
     "@mdi/svg": 7.2.96
     "@octokit/auth-oauth-device": 6.0.0