Spotify embeds pixelated around corners showing white on black background

Support
1

image
image885×224 43.8 KB

I am wondering if this can get fixed the white pixels around the corners? Is this just a padding issue or something to do with how the embed works?

2

Looks fine on https://try.discourse.org/ ? Try safe-mode?

image
image871×371 46.3 KB

1 Like
3

still has a tiny bit of pixelation on the corners in safe mode

image
image893×217 41.7 KB

Definitely less noticeable so I am guessing something im doing with the CSS

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

This works to make it similar to safe-mode:

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;          /* smooth corners */
  overflow: hidden !important;             /* clip pixelation */
  border: none !important;
  background: transparent !important;
}
1 Like