diff --git a/src/components/cards/BackdropCard.vue b/src/components/cards/BackdropCard.vue
index 7b63599d..148ffc21 100644
--- a/src/components/cards/BackdropCard.vue
+++ b/src/components/cards/BackdropCard.vue
@@ -56,10 +56,10 @@ function goPlay() {
             <VCardText
               class="w-full flex flex-col flex-wrap justify-end align-left text-white absolute bottom-0 cursor-pointer pa-2"
             >
-              <h1 class="mb-1 text-white font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
+              <h1 class="mb-1 text-white text-shadow font-extrabold text-xl line-clamp-2 overflow-hidden text-ellipsis ...">
                 {{ props.media?.title }}
               </h1>
-              <span>{{ props.media?.subtitle }}</span>
+              <span class="text-shadow">{{ props.media?.subtitle }}</span>
             </VCardText>
           </VImg>
         </template>
@@ -75,3 +75,9 @@ function goPlay() {
     </template>
   </VHover>
 </template>
+
+<style lang="scss">
+.text-shadow{
+  text-shadow:1px 1px #777;
+}
+</style>