diff --git a/app/javascript/vue/protocol/modals/delete_element.vue b/app/javascript/vue/protocol/modals/delete_element.vue
index 458a45a05..ad0befe50 100644
--- a/app/javascript/vue/protocol/modals/delete_element.vue
+++ b/app/javascript/vue/protocol/modals/delete_element.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="modal" @keydown.esc="cancel" class="modal" id="modalDestroyProtocolContent" tabindex="-1" role="dialog">
-    <div class="modal-dialog" role="document">
+    <div class="modal-dialog modal-sm" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
diff --git a/app/javascript/vue/protocol/modals/delete_step.vue b/app/javascript/vue/protocol/modals/delete_step.vue
index 1e9bf58c4..2445c4504 100644
--- a/app/javascript/vue/protocol/modals/delete_step.vue
+++ b/app/javascript/vue/protocol/modals/delete_step.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="modal" @keydown.esc="cancel" class="modal" tabindex="-1" role="dialog">
-    <div class="modal-dialog" role="document">
+    <div class="modal-dialog modal-sm" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>