Spearhead and Seedlet theme showing Incorrect icons on Podcast Player block

[AMcGrady]

Steps to Reproduce

1. View page here: https://calmingfacts.com/

Under the Latest Free Episode sections notice how the Podcast Player block shows the correct icons for the Rewind and Fast Forward buttons.

You can also notice that the Podcast Player block has the correct images for Rewind and Fast Forward on single posts such as this one: https://calmingfacts.com/2021/08/08/diamonds/

2. View this page: https://calmingfacts.com/episodes/

This is the Blog Post page for the site. Notice how the Rewind and Fast Forward buttons show the "Play" icon. The buttons function correctly but have the wrong icon on them.

What I expected to happen

Rewind and Fast Forward buttons to consistently have the correct icon.

What actually happened

Rewind and Fast Forward buttons have the wrong icon but only on the Posts page.

Context

Customer report. HE testing.

Operating System

macOS

OS Version

10.15.7

Browser

Chrome/Chromium

Browser Version

92

Is this specific to applied theme? If so, what is the theme name?

Spearhead, Seedlet

Simple, Atomic or both?

Simple

Console and/or error logs

No response

Level of impact

Low

Reproducibility

Consistent

Other information

No response

[mikeicode]

The issue is a missing space character here:

mejs-button mejs-jump-buttonmejs-jump-backward-button & mejs-button mejs-jump-buttonmejs-skip-forward-button

Those should be:

mejs-button mejs-jump-button mejs-jump-backward-button & mejs-button mejs-jump-button mejs-skip-forward-button

[manuelrebollo-a11y]

Hello! A customer found an occurrence of this problem, following up in 4929575-zd-woothemes Original assessment in p1649337770668299-slack-C03TY6J1A

A few differences, though:

• The theme used is Baskerville 2.
• Misaligned Play and Mute buttons (they render partially, and lower than they should).