From 518647c13d52804b37fdf754605e27dfd6c35b37 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Wed, 25 Sep 2024 09:55:15 -0500
Subject: [PATCH] Merge pull request #20601 from overleaf/jel-cms-max-width

[web] Use `.container` `max-width` from Bootstrap 5 for CMS sections

GitOrigin-RevId: 1642de2024723584be7c7ad84d7cda0ee4af05a6
---
 services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss   | 3 ++-
 .../web/frontend/stylesheets/bootstrap-5/pages/content.scss    | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
index 900b4254f4..5306bd5780 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
@@ -52,8 +52,9 @@
   }
 
   .section-row {
+    @extend .container;
+
     margin: 0 auto;
-    max-width: 1440px;
   }
 
   padding-bottom: 0;
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
index 90d1b18b16..8cc82b3eae 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
@@ -80,7 +80,7 @@
     // }
 
     .section-row {
-      max-width: 1440px;
+      @extend .container;
     }
   }