# Marquee item width changes on Safari

**URL:** <https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039>\
**Category:** Marquee\
**Created:** [September 9, 2025, 11:03pm UTC](https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039 "2025-09-09T23:03:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![holla](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/holla/32/4619_2.png) [@holla](https://forum.finsweet.com/u/holla)\
**Post date:** [September 9, 2025, 11:03pm UTC](https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039/1 "2025-09-09T23:03:57Z")

</div>

## Description

Hey there folks! I just deployed my first site using the marquee component and I’m running into an issue where the marquee items are significantly wider when visiting the site using Safari than they are on Chrome or Firefox, which results in a really disjointed appearance. Is this a known issue or am I doing something wrong? 🙈

## Site URL

**Required:** Please provide a staging/production URL where we can see the issue

- URL: [https://www.tomwellington.design/](https://www.tomwellington.design/)
- Webflow Read-only link: [https://preview.webflow.com/preview/tomwellington-design?utm\_medium=preview\_link&utm\_source=designer&utm\_content=tomwellington-design&preview=7147396abab3c899639d30e76201762d&workflow=preview](https://preview.webflow.com/preview/tomwellington-design?utm_medium=preview_link&utm_source=designer&utm_content=tomwellington-design&preview=7147396abab3c899639d30e76201762d&workflow=preview)

## Steps to Reproduce

1. Visit the page via Google Chrome or Firefox
2. Visit the page via Safari

## Expected Behavior

I expected the marquee items to inherit the width of the image inside of them when it is set to a specific height

## Actual Behavior

The marquee items are being made much wider on Safari

## Video/Screenshots

**Required:** Please provide a short screen recording showing the issue

I’ve added screenshots in a comment due to new user link limitations

---

<div class="post-metadata">

**Author:** ![holla](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/holla/32/4619_2.png) [@holla](https://forum.finsweet.com/u/holla)\
**Post date:** [September 9, 2025, 11:04pm UTC](https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039/2 "2025-09-09T23:04:56Z")

</div>

Here are the screenshots:

- Chrome (expected behavior): [screenshot2025-09-09@17.59 · CleanShot Cloud](https://share.cleanshot.com/F3qBgzmB)
- Safari (broken behavior): [screenshot2025-09-09@17.59 · CleanShot Cloud](https://share.cleanshot.com/TDf7bj3z)

---

<div class="post-metadata">

**Author:** ![holla](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/holla/32/4619_2.png) [@holla](https://forum.finsweet.com/u/holla)\
**Post date:** [September 11, 2025, 9:24pm UTC](https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039/3 "2025-09-11T21:24:57Z")

</div>

Edit: I realized a lot of these issues were on my end! 🙃 Marking this as the solution for now.

According to the docs, it’s ideal to set the marquee item width whereas my design requires them to be the same height. The issue persists on mobile but I figured it out on the desktop versions of Safari by toying with the image size and marquee item attributes.

Maybe in the future it’d be helpful to have better support for marquee items that have set heights instead of widths?

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 12, 2025, 12:06am UTC](https://forum.finsweet.com/t/marquee-item-width-changes-on-safari/6039/4 "2025-09-12T00:06:28Z")

</div>

Hey @holla! Apologies for the delay! I am glad you got it working!

I will forward this feedback to the team so we can correct the docs and improve the component.

Thank you!