diff --git a/src/components/ha-icon-next.ts b/src/components/ha-icon-next.ts
index 3f4e9b5683..369d5fc43b 100644
--- a/src/components/ha-icon-next.ts
+++ b/src/components/ha-icon-next.ts
@@ -5,14 +5,12 @@ import { HaIcon } from "./ha-icon";
 
 export class HaIconNext extends HaIcon {
   public connectedCallback() {
-    super.connectedCallback();
-
     this.icon =
       window.getComputedStyle(this).direction === "ltr"
         ? "hass:chevron-right"
         : "hass:chevron-left";
 
-    this.fire("iron-resize");
+    super.connectedCallback();
   }
 }
 
diff --git a/src/components/ha-icon-prev.ts b/src/components/ha-icon-prev.ts
index fe54bcf0af..924c0d1fed 100644
--- a/src/components/ha-icon-prev.ts
+++ b/src/components/ha-icon-prev.ts
@@ -5,14 +5,12 @@ import { HaIcon } from "./ha-icon";
 
 export class HaIconPrev extends HaIcon {
   public connectedCallback() {
-    super.connectedCallback();
-
     this.icon =
       window.getComputedStyle(this).direction === "ltr"
         ? "hass:chevron-left"
         : "hass:chevron-right";
 
-    this.fire("iron-resize");
+    super.connectedCallback();
   }
 }