diff --git a/src/components/CardBox.vue b/src/components/CardBox.vue
index bcdbc85..963d50e 100644
--- a/src/components/CardBox.vue
+++ b/src/components/CardBox.vue
@@ -20,7 +20,7 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  color: {
+  colorProp: {
     type: String,
     default: "bg-slate-900 dark:bg-slate-900",
   },
@@ -32,7 +32,7 @@ const slots = useSlots();
 
 const hasFooterSlot = computed(() => slots.footer && !!slots.footer());
 
-const color = ref(props.color);
+const color = ref(props.colorProp);
 
 if (props.isAuth) {
   color.value =
diff --git a/src/components/Tables/JubilityTable.vue b/src/components/Tables/JubilityTable.vue
index 1311481..2285cc3 100644
--- a/src/components/Tables/JubilityTable.vue
+++ b/src/components/Tables/JubilityTable.vue
@@ -68,7 +68,7 @@ onMounted(async () => {
     <CardBox
       v-for="song of songData"
       :key="song.id"
-      color="bg-slate-700"
+      color-prop="bg-slate-800 dark:bg-slate-800"
       class="my-3 p-5"
       has-table
     >