diff --git a/src/components/ha-fab.ts b/src/components/ha-fab.ts
index da769ad773..b36871e381 100644
--- a/src/components/ha-fab.ts
+++ b/src/components/ha-fab.ts
@@ -13,7 +13,7 @@ export class HaFab extends FabBase {
   static override styles = [
     styles,
     css`
-      .mdc-fab--extended .mdc-fab__icon {
+      :host .mdc-fab--extended .mdc-fab__icon {
         margin-inline-start: -8px;
         margin-inline-end: 12px;
         direction: var(--direction);