diff --git a/horilla_views/templates/generic/horilla_detailed_view.html b/horilla_views/templates/generic/horilla_detailed_view.html
index dc0df3c62..26c775427 100644
--- a/horilla_views/templates/generic/horilla_detailed_view.html
+++ b/horilla_views/templates/generic/horilla_detailed_view.html
@@ -3,7 +3,7 @@
   <span class="oh-modal__dialog-title" id="genericModalLabel">
     {{title}}
   </span>
-  <button class="oh-modal__close" aria-label="Close">
+  <button class="oh-modal__close--custom" onclick="$(this).closest('.oh-modal--show').removeClass('oh-modal--show')" aria-label="Close">
     <ion-icon name="close-outline"></ion-icon>
   </button>
 </div>