[BUG] Zoom on iPad makes widget bar much wider than media player

[elynema]

Describe the bug
I believe this problem is limited to Safari on iPad. When the text zoom is increased on the browser, the media widget bar in the player does not line up with the video.

This does not happen using the same zoom feature in Safari on iPhone. Also does not happen using the percent zoom in Chrome or Safari on desktop.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://avalon-dev.dlib.indiana.edu/media_objects/3j3332278 in Safari on iPad.
2. Click AA icon just to the left of the URL in the address bar to change text size.
3. Increase to 125%
4. The widget bar in the media player expands horizontally and goes over top of the tabs. The width of the media item itself stays the same.

Expected behavior
Widget bar and media should remain same width as text is zoomed and not overlap the tab display.

Screenshots

Smartphone (please complete the following information):

• Device: iPad Pro 13
• OS: iOS17
• Browser: Safari