From 5af6acde2b79ca06704e37a89cb5b0bfa1fbcf8b Mon Sep 17 00:00:00 2001
From: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Date: Tue, 21 May 2024 14:16:37 +0200
Subject: [PATCH] Merge pull request #18390 from overleaf/rd-bs5-close-position

[web ] Fix the close button position of modal header

GitOrigin-RevId: 79c6cf272f69446cb5849421445f016ea6d53403
---
 .../bootstrap-5/components/modal.scss         | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss b/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
index 42dbad8836..486ac8884d 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
@@ -26,10 +26,24 @@
 
 .modal-content {
   @include shadow-lg();
-}
+  border-radius: var(--border-radius-base);
 
-.modal-header {
-  .btn-close {
-    margin: var(--spacing-00);
+  .modal-header {
+    .modal-title {
+      @include heading-sm;
+
+      line-height: 35px;
+    }
+    .btn-close {
+      margin-right: 0;
+    }
+  }
+
+  .modal-footer {
+    padding: var(--spacing-06);
+    gap: var(--spacing-04);
+    > * {
+      margin: 0;
+    }
   }
 }