diff --git a/app/components/MediaSessionCard.vue b/app/components/MediaSessionCard.vue
index 78a163a..fdb338c 100644
--- a/app/components/MediaSessionCard.vue
+++ b/app/components/MediaSessionCard.vue
@@ -267,8 +267,9 @@ const totalLabel = computed(() => {
         <UBadge
           v-if="elapsedLabel"
           color="success"
-          variant="solid"
+          variant="subtle"
           size="xs"
+          class="!text-white"
         >
           {{ t('library.transcodeElapsed') }} {{ elapsedLabel }}
         </UBadge>