diff --git a/frontend/components/global/CategoryCard.vue b/frontend/components/global/CategoryCard.vue
index ce29d50..9948f97 100644
--- a/frontend/components/global/CategoryCard.vue
+++ b/frontend/components/global/CategoryCard.vue
@@ -23,7 +23,7 @@ const { colorObject } = useImageColor(`#category-image-${id.value}`);
 </script>
 
 <template>
-    <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white">
+    <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
         <img
             :id="`category-image-${id}`"
             class="absolute object-contain size-full"