diff --git a/src/lib/components/CatalogItem.svelte b/src/lib/components/CatalogItem.svelte
index 0409031..e52f0d3 100644
--- a/src/lib/components/CatalogItem.svelte
+++ b/src/lib/components/CatalogItem.svelte
@@ -9,7 +9,9 @@
 
 {#if manga}
   <a href={id}>
-    <div class="flex flex-col gap-[5px] text-center items-center bg-slate-900 pb-1">
+    <div
+      class="flex flex-col gap-[5px] text-center items-center bg-slate-900 pb-1 bg-opacity-50 border border-slate-950"
+    >
       {#if manga.files}
         <img
           src={URL.createObjectURL(Object.values(manga.files)[0])}