diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index be9eb1f7..380f580d 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -168,7 +168,7 @@ const dropdownItems = ref([
         >
           <div
             class="relative flex flex-row items-start pa-3 justify-between grow"
-            :style="`background: linear-gradient(${backgroundColor}66 0%, ${backgroundColor}99 100%)`"
+            :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <div class="relative flex-1 min-w-0">
               <VCardTitle
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index f9956325..00c9985c 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -345,7 +345,7 @@ watch(
         >
           <div
             class="relative flex flex-row items-start pa-3 justify-between grow"
-            :style="`background: linear-gradient(${backgroundColor}66 0%, ${backgroundColor}99 100%)`"
+            :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <div class="relative flex-1 min-w-0">
               <VCardTitle class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">