html – How to change the dropdown position of the HTML5 audio embed player of the browser?

This issue happens in Chrome, Brave and even Internet Explorer/Edge:

When clicking the three dots to open the dropdown, the dropdown is far away from the audio player:

With Webdeveloper I cannot target the dropdown. It seems to be directly from the browser.

So how to change its position to be directly at the three dots of the HTML audio embed?

Update:

I found out that the issue is the CSS zoom that is used on the audio element:

zoom: 80%;

This obviously repositions the dropdown!

The zoom, however, is need to present the audio embed in proper porportion, so the timeline shows up wider. The max width we can use is 250px, due to the design.

Without zoom:

With zoom:

Summed up: We need the zoom, the same time we need the download dropdown at the default position and not misplaced.