diff --git a/views/searchCards.ejs b/views/searchCards.ejs
index 8620de5..8e0b0a7 100644
--- a/views/searchCards.ejs
+++ b/views/searchCards.ejs
@@ -1,11 +1,18 @@
-<article class="card">
+<article 
+    class="card"
+>
+<div
+    class="card__overlay"
+    hx-get="/manga/<%= scanlator %>/<%=result.link?encodeURIComponent(result.link):'nolink'%>/<%= result.title %>" 
+    hx-target="#container" 
+    hx-indicator=".progress"
+    hx-trigger="click"
+>
+</div>
     <% let scanlatorID = scan.scanlator.replace('-', '') %> 
     <div 
         class="card__img  img_<%=scanlatorID %>" 
         style="background-image: url(<%=result.img%>)"
-        hx-get="/manga/<%= scanlator %>/<%=result.link?encodeURIComponent(result.link):'nolink'%>/<%= result.title %>" 
-        hx-target="#container" 
-        hx-trigger="click"
     >
         <% if(result.favorite){%>
             <%-include('bookmarked.ejs', {scanlator, title:result.title, link:encodeURIComponent(result.link), id:result.favorite})  %>