diff --git a/app/assets/stylesheets/framework/modal.scss b/app/assets/stylesheets/framework/modal.scss
index 7d53a631cdffadd335bd9b1d351cf527a944fa92..f10eaedcc040edd35cece04093b8c850d9f2e300 100644
--- a/app/assets/stylesheets/framework/modal.scss
+++ b/app/assets/stylesheets/framework/modal.scss
@@ -59,7 +59,7 @@
   }
 
   @include media-breakpoint-up(sm) {
-    .btn:first-of-type {
+    .btn:nth-child(1) {
       margin-left: auto;
     }
   }
diff --git a/changelogs/unreleased/45453-fix-delete-protected-branch-btn.yml b/changelogs/unreleased/45453-fix-delete-protected-branch-btn.yml
new file mode 100644
index 0000000000000000000000000000000000000000..64776abdc073d3fa1ad49b5f5c71894a44f965ea
--- /dev/null
+++ b/changelogs/unreleased/45453-fix-delete-protected-branch-btn.yml
@@ -0,0 +1,5 @@
+---
+title: Fixes modal button alignment
+merge_request: 22024
+author: Jacopo Beschi @jacopo-beschi
+type: fixed