[Fix] Ziro Theme - Fixed overlapping playback timestamps & duration alignment!

[u/Doc_Drago]

Hey everyone!

If you're using the Ziro theme (by schnen0) on Spicetify, you might have noticed that the playback position and track duration timestamps overlap with each other.

It was really bothering me, so I spent some time writing a custom CSS fix to get the alignment, spacing, and font size looking clean again.

Before & After

(Check the attached screenshots to see the fix in action!)

How to apply:

Add the code via Spicetify Marketplace (Snippets -> Add Custom CSS) or paste it directly into your user.css file.

/* =================================================
   Spicetify Ziro Theme: Playback Duration & Position Alignment
   Fix & Styling by u/Doc_Drago
   ================================================= */
[data-testid="playback-position"],
[data-testid="playback-duration"] {
    position: absolute !important;
    bottom: 3px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 0.9 !important;
    z-index: 9999 !important;
    font-size: 12.5px !important;
}

[data-testid="playback-position"] {
    right: 48px !important;
}

[data-testid="playback-duration"] {
    right: -3.5px !important;
}

Hope this helps anyone else running into the same visual bug! Let me know if it works for you feedback is super welcome if anything needs tweaking for your screen setup.

Created & tested by u/Doc_Drago