diff --git a/views/components/song/song.templ b/views/components/song/song.templ
index 7e05e65..3de6e7f 100644
--- a/views/components/song/song.templ
+++ b/views/components/song/song.templ
@@ -33,7 +33,7 @@ templ Song(s entities.Song, additionalData []string, additionalOptions []templ.C
 						"bg-repeat", "bg-cover", "bg-center", songThumb(fmt.Sprintf("url(\"%s\")", s.ThumbnailUrl)),
 					}
 				></div>
-				<div class={ "absolute", "right-0", "bottom-0", "text-secondary", "text-sm", "md:text-md", "font-light", "m-2", "p-[6px]", "bg-accent-trans-30", "rounded-sm" }>
+				<div class={ "absolute", "right-0", "bottom-0", "text-white", "text-sm", "md:text-md", "font-light", "m-2", "p-[6px]", "bg-[#000000ab]", "rounded-sm" }>
 					<p class={ "leading-3", "font-Ubuntu" }>
 						{ s.Duration }
 					</p>