diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/patron-detail-tabs.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/patron-detail-tabs.inc
index 8389312a12..ef6865313f 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/patron-detail-tabs.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/patron-detail-tabs.inc
@@ -1,6 +1,7 @@
 <!-- patron-detail-tabs.inc -->
 [% USE raw %]
 [% PROCESS 'html_helpers.inc' %]
+[% PROCESS 'modals/holds_table_modals.inc' %]
 [% WRAPPER tabs id= "finesholdsissues" %]
     [% WRAPPER tabs_nav %]
         [% WRAPPER tab_item tabname= "checkouts" bt_active= 1 %]
@@ -165,22 +166,12 @@
                         </table>
 
                         <fieldset class="action">
-                            <input type="submit" class="btn btn-primary cancel" name="submit" value="Cancel marked holds" />
-
-                            [% SET hold_cancellation = AuthorisedValues.GetAuthValueDropbox('HOLD_CANCELLATION') %]
-                            [% IF hold_cancellation.count %]
-                                <label for="cancellation-reason">Cancellation reason:</label>
-                                <input type="hidden" name="op" value="cud-cancelall" />
-                                <select name="cancellation-reason" id="cancellation-reason">
-                                    <option value="">No reason given</option>
-                                    [% FOREACH reason IN hold_cancellation %]
-                                        <option value="[% reason.authorised_value | html %]">[% reason.lib | html %]</option>
-                                    [% END %]
-                                </select>
-                            [% END %]
+                            <button class="btn btn-primary cancel_selected_holds" data-bulk="true"></button>
                         </fieldset>
                     </form>
 
+                    [% PROCESS 'cancel-hold-modal' form_action = '/cgi-bin/koha/reserve/modrequest.pl' from_param = patronpage %]
+
                     [% IF Koha.Preference('SuspendHoldsIntranet') %]
                         <fieldset class="action">
                             <button class="btn btn-primary suspend_selected_holds" data-bulk="true"></button>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/holds.js b/koha-tmpl/intranet-tmpl/prog/js/holds.js
index 4def21ca2f..4b417cdd49 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/holds.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/holds.js
@@ -342,26 +342,15 @@ $(document).ready(function () {
                             },
                         },
                         {
-                            orderable: false,
                             data: function (oObj) {
                                 return (
-                                    "<select name='rank-request'>" +
-                                    "<option value='n'>" +
-                                    __("No") +
-                                    "</option>" +
-                                    "<option value='del'>" +
-                                    __("Yes") +
-                                    "</option>" +
-                                    "</select>" +
-                                    "<input type='hidden' name='biblionumber' value='" +
-                                    oObj.biblionumber +
-                                    "'>" +
-                                    "<input type='hidden' name='borrowernumber' value='" +
+                                    '<a class="cancel-hold deny" title="Cancel hold" data-borrowernumber="' +
                                     borrowernumber +
-                                    "'>" +
-                                    "<input type='hidden' name='reserve_id' value='" +
+                                    '" data-biblionumber="' +
+                                    oObj.biblionumber +
+                                    '" data-id="' +
                                     oObj.reserve_id +
-                                    "'>"
+                                    '" href="#">  <i class="fa fa-trash" aria-label="Cancel hold"></i></a>'
                                 );
                             },
                         },