diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md
index efcfe459e..731795c24 100644
--- a/docs/docs/resources/changelog.md
+++ b/docs/docs/resources/changelog.md
@@ -18,6 +18,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - Added more resilient support for lazy loaded options in `<wa-select>`
 - Fixed a bug in `<wa-relative-time>` where the title attribute would show with redundant info
 - Fixed a bug in `<wa-tooltip>` that caused a memory leak in disconnected elements
+- Improved alignment of the play icon in `<wa-animated-image>`
 
 ## 3.0.0-alpha.3
 
diff --git a/src/components/animated-image/animated-image.ts b/src/components/animated-image/animated-image.ts
index f7607f99c..d4c78cc1e 100644
--- a/src/components/animated-image/animated-image.ts
+++ b/src/components/animated-image/animated-image.ts
@@ -108,8 +108,18 @@ export default class WaAnimatedImage extends WebAwesomeElement {
               />
 
               <div part="control-box" class="animated-image__control-box">
-                <slot name="play-icon"><wa-icon name="play" library="system" variant="solid"></wa-icon></slot>
-                <slot name="pause-icon"><wa-icon name="pause" library="system" variant="solid"></wa-icon></slot>
+                <slot name="play-icon">
+                  <wa-icon
+                    name="play"
+                    library="system"
+                    variant="solid"
+                    class="default"
+                    style="margin-inline-start: 3px;"
+                  ></wa-icon>
+                </slot>
+                <slot name="pause-icon">
+                  <wa-icon name="pause" library="system" variant="solid" class="default"></wa-icon>
+                </slot>
               </div>
             `
           : ''}