diff --git a/frontend/src/components/Item/Card/GenericItemCard.vue b/frontend/src/components/Item/Card/GenericItemCard.vue
index 313e8307b22..89bb5838fb8 100644
--- a/frontend/src/components/Item/Card/GenericItemCard.vue
+++ b/frontend/src/components/Item/Card/GenericItemCard.vue
@@ -162,7 +162,7 @@ const hasClick = computed(() => !!attrs.onClick);
 
 @media (hover: hover) and (pointer: fine) {
   .card-box:hover .card-overlay-hover {
-    background: rgba(var(--j-color-background), 0.5);
+    background: rgb(var(--j-color-background), 0.5);
   }
   .card-box:hover .card-overlay-hover .card-overlay-hover-hidden {
     opacity: 1;
diff --git a/frontend/src/components/lib/JApp.vue b/frontend/src/components/lib/JApp.vue
index 349887a1a31..114307a37ff 100644
--- a/frontend/src/components/lib/JApp.vue
+++ b/frontend/src/components/lib/JApp.vue
@@ -10,7 +10,7 @@
       <template v-if="isLoading">
         cursor: wait;
       </template>
-      --j-color-background: rgb(var(--v-theme-background));
+      --j-color-background: var(--v-theme-background);
       --j-font-family: '{{ typography }}';
       }
     </component>