diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
index 92b05ac446..49d17245aa 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
@@ -104,7 +104,7 @@
                                     <a class="expand-result" href="#" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapse">
                                     </a>
                                 </div> <!-- /#heading.card-header -->
-                                <div id="collapse" class="collapse" aria-labelledby="heading" data-parent="#browse-searchresults">
+                                <div id="collapse" class="collapse" aria-labelledby="heading" data-bs-parent="#browse-searchresults">
                                     <div class="card-body">
                                     </div>
                                 </div> <!-- /#collapse.collapse -->
diff --git a/koha-tmpl/opac-tmpl/bootstrap/js/browse.js b/koha-tmpl/opac-tmpl/bootstrap/js/browse.js
index 3a3bcc26a3..60f0e285ed 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/js/browse.js
+++ b/koha-tmpl/opac-tmpl/bootstrap/js/browse.js
@@ -60,7 +60,7 @@ $(document).ready(function(){
                     card
                         .find(".card-header")
                         .attr("id", "heading" + index)
-                        .find("a").attr("data-target", "#collapse" + index)
+                        .find("a").attr("data-bs-target", "#collapse" + index)
                         .attr("aria-controls", "collapse" + index)
                         .text(object.text);
                     card
@@ -89,7 +89,7 @@ $(document).ready(function(){
         }
 
         var link = $(this);
-        var target =  link.data("target");
+        var target = link.data("bs-target");
         var term = link.text();
 
         var field = $('#browse-searchresults').data('field');