diff --git a/horilla_views/templates/generic/horilla_card.html b/horilla_views/templates/generic/horilla_card.html
index b0baa55bf..618666db0 100644
--- a/horilla_views/templates/generic/horilla_card.html
+++ b/horilla_views/templates/generic/horilla_card.html
@@ -46,9 +46,10 @@
     {% include "generic/filter_tags.html" %}
     {% endif %}
     {% if queryset %}
-  <div class="oh-layout--grid-3">
+    <div class="oh-layout--grid-3">
     {% for instance in queryset %}
     <div class="oh-kanban-card {{card_status_class|format:instance|safe}}" {{card_attrs|format:instance|safe}}>
+      {% if instance|getattribute:details.image_src %}
       <div class="oh-kanban-card__avatar">
         <div class="oh-kanban-card__profile-container">
           <img
@@ -58,6 +59,7 @@
           />
         </div>
       </div>
+      {% endif %}
       <div class="oh-kanban-card__details">
         <span class="oh-kanban-card__title">{{details.title|format:instance|selected_format:request.user.employee_get.employee_work_info.company_id|safe}}</span>
         <span class="oh-kanban-card__subtitle">{{details.subtitle|format:instance|selected_format:request.user.employee_get.employee_work_info.company_id|safe}}</span>
diff --git a/horilla_views/templates/generic/horilla_detailed_view.html b/horilla_views/templates/generic/horilla_detailed_view.html
index e43cefbc6..dc0df3c62 100644
--- a/horilla_views/templates/generic/horilla_detailed_view.html
+++ b/horilla_views/templates/generic/horilla_detailed_view.html
@@ -15,6 +15,7 @@
   {% if instance_ids %}
   <div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
     <button
+      data-action = "previous"
       hx-get="{{previous_url}}?{{ids_key}}={{instance_id}}&{{request.GET.urlencode}}"
       hx-target="#genericModalBody"
       class="oh-modal__diaglog-nav oh-modal__nav-prev"
@@ -23,6 +24,7 @@
     </button>
 
     <button
+      data-action = "next"
       hx-get="{{next_url}}?{{ids_key}}={{instance_id}}&{{request.GET.urlencode}}"
       hx-target="#genericModalBody"
       class="oh-modal__diaglog-nav oh-modal__nav-next"
diff --git a/horilla_views/templates/generic/quick_actions.html b/horilla_views/templates/generic/quick_actions.html
index f4e98270b..ed7cfdf72 100644
--- a/horilla_views/templates/generic/quick_actions.html
+++ b/horilla_views/templates/generic/quick_actions.html
@@ -17,16 +17,16 @@
         reloadSelectedCount($('.count_{{view_id|safe}}'));
         "
         style="cursor: pointer;">
-        <span class="label" 
+        <span class="label"
         {% comment %} style="display:none;" {% endcomment %}
         >
-        {% trans "Select" %} 
+        {% trans "Select" %}
         </span>
         {% comment %} <ion-icon style="font;font-size: 1rem;" name="checkmark-done-circle" style="font"></ion-icon> {% endcomment %}
         ({{queryset.paginator.count}})
       </div>
-      <div 
-      id="unselect_{{view_id}}" 
+      <div
+      id="unselect_{{view_id}}"
       class="oh-checkpoint-badge text-secondary d-none quick-bulk-action"
       style="cursor: pointer;"
       onclick="
@@ -39,7 +39,7 @@
         $('#{{view_id}} .bulk-list-table-row').prop('checked',false);
       "
       >
-        <span class="label" 
+        <span class="label"
         {% comment %} style="display:none;" {% endcomment %}
         >
           {% trans "Unselect" %}
@@ -49,15 +49,15 @@
           0
         </span>)
       </div>
-      <div 
-        id="export_{{view_id}}" 
+      <div
+        id="export_{{view_id}}"
         class="oh-checkpoint-badge text-info d-none quick-bulk-action"
         style="cursor: pointer;"
         data-toggle="oh-modal-toggle"
         data-target="#exportFields{{view_id|safe}}"
       >
       {% comment %} <ion-icon style="font;font-size: 1rem; margin-right:0;" name="download"></ion-icon> {% endcomment %}
-      <span class="label" 
+      <span class="label"
       {% comment %} style="display: none;" {% endcomment %}
       >
         {% trans "Export" %}
@@ -67,8 +67,8 @@
       </span>)
       </div>
       {% if bulk_path %}
-      <div 
-        id="bulk_udate_{{view_id}}" 
+      <div
+        id="bulk_udate_{{view_id}}"
         class="oh-checkpoint-badge text-warning d-none quick-bulk-action"
         style="cursor: pointer;"
         data-toggle="oh-modal-toggle"
@@ -80,7 +80,7 @@
         "
         >
         <ion-icon style="font-size: 1rem; margin-right:0;" name="create"></ion-icon>
-        <span class="label" 
+        <span class="label"
         {% comment %} style="display: none;" {% endcomment %}
         >
           {% trans "Update" %}
@@ -89,7 +89,7 @@
           0
         </span>)
       </div>
-      <form 
+      <form
         hx-get="/{{bulk_path}}"
         hx-target="#bulkUpdateModalBody{{view_id|safe}}">
         <input type="hidden" name="instance_ids">
@@ -117,7 +117,7 @@
         </div>
       </div>
       {% endfor %}
-      
+
     </div>
     {% if row_status_indications %}
     <div class="d-flex flex-row-reverse">
@@ -134,11 +134,10 @@
     {% comment %} $(document).ready(function () {
       $(".quick-bulk-action").hover(function () {
           // over
-          $(this).find('.label').show('slow');          
+          $(this).find('.label').show('slow');
         }, function () {
           // out
         }
       );
     }); {% endcomment %}
   </script>
-  
\ No newline at end of file