From 60ae65358572e9b1f349535df55aef1b758f95b0 Mon Sep 17 00:00:00 2001
From: Daniel Jacobs <danielhunterjacobs@gmail.com>
Date: Fri, 27 Dec 2024 17:48:53 -0500
Subject: [PATCH] web: Observe align changes for player element

---
 .../core/src/internal/player/ruffle-player-element.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/packages/core/src/internal/player/ruffle-player-element.tsx b/web/packages/core/src/internal/player/ruffle-player-element.tsx
index e5059e436a1a8..bf689d861608b 100644
--- a/web/packages/core/src/internal/player/ruffle-player-element.tsx
+++ b/web/packages/core/src/internal/player/ruffle-player-element.tsx
@@ -76,7 +76,7 @@ export class RufflePlayerElement extends HTMLElement implements PlayerElement {
     }
 
     static get observedAttributes(): string[] {
-        return ["width", "height"];
+        return ["width", "height", "align"];
     }
 
     attributeChangedCallback(
@@ -84,7 +84,7 @@ export class RufflePlayerElement extends HTMLElement implements PlayerElement {
         _oldValue: string | undefined,
         _newValue: string | undefined,
     ): void {
-        if (name === "width" || name === "height") {
+        if (name === "width" || name === "height" || name === "align") {
             this.#inner.updateStyles();
         }
     }