Webamp skins stacking

I've been having this problem when it comes to loading skins on webamp, as the very first skin I downloaded keeps being overlayed on top of the most recent skin I upload. I'm not exactly sure what is causing this.

For reference the blue sections were apart of the first skin I uploaded.
Meanwhile the pink and gray sections are from this skin: https://skins.webamp.org/skin/a04b52cfb9241d3fffa040c785b3d69d/Pink_Design.wsz/
Heres what I have in my webamp.js file:

```JavaScript
function startWebAmp() {
const app = document.getElementById("webamp");
const webamp = new Webamp(
{
__initialWindowLayout: {
// width = 275
main: { position: { x: -275, y: 0 } }, // 0,0
equalizer: { position: { x: 0, y: 0 } }, //0,116
playlist: { position: { x: 275, y: 0 }, size: [0, 0] }, //0,232
},
initialSkin: {
url: " https://cdn.webampskins.org/skins/a04b52cfb9241d3fffa040c785b3d69d.wsz "
},
}
);
webamp.renderWhenReady(app);
```

Sorry this is so messy and so poorly worded

Reproduce the issue using the shown Webamp configuration and the linked Pink Design skin, checking whether loading a new skin leaves visual sections from the previous skin. Trace the skin-loading path from the initialSkin option; done when switching or loading skins no longer overlays elements from an earlier skin.

Written by the indexing model from the issue text.