diff --git a/src/registrar/assets/src/sass/_theme/_alerts.scss b/src/registrar/assets/src/sass/_theme/_alerts.scss
index 9579cc057..c0264533e 100644
--- a/src/registrar/assets/src/sass/_theme/_alerts.scss
+++ b/src/registrar/assets/src/sass/_theme/_alerts.scss
@@ -29,6 +29,8 @@
 // NOTE: !important is used because _font.scss overrides this
 .usa-alert__body--widescreen {
   max-width: $widescreen-max-width !important;
+  margin-left: $widescreen-left-margin !important;
+  margin-right: $widescreen-right-margin !important;
 }
 
 .usa-site-alert--hot-pink {
diff --git a/src/registrar/assets/src/sass/_theme/_base.scss b/src/registrar/assets/src/sass/_theme/_base.scss
index 8d475270b..9cf49f86d 100644
--- a/src/registrar/assets/src/sass/_theme/_base.scss
+++ b/src/registrar/assets/src/sass/_theme/_base.scss
@@ -2,6 +2,9 @@
 @use "cisa_colors" as *;
 
 $widescreen-max-width: 1920px;
+$widescreen-left-margin: 48px;
+$widescreen-right-margin: 48px;
+
 $hot-pink: #FFC3F9;
 
 /* Styles for making visible to screen reader / AT users only. */
@@ -245,6 +248,14 @@ abbr[title] {
 
 .usa-banner__inner--widescreen  {
   max-width: $widescreen-max-width;
+  margin-left: $widescreen-left-margin !important;
+  margin-right: $widescreen-right-margin !important;
+}
+
+// This is used in cases where we want to align content to widescreen margins
+// but we don't want the content itself to have widescreen widths
+.margin-left--widescreen {
+  margin-left: $widescreen-left-margin !important;
 }
 
 .margin-right-neg-4px {
diff --git a/src/registrar/assets/src/sass/_theme/_containers.scss b/src/registrar/assets/src/sass/_theme/_containers.scss
index 7473615ad..53f54b0d5 100644
--- a/src/registrar/assets/src/sass/_theme/_containers.scss
+++ b/src/registrar/assets/src/sass/_theme/_containers.scss
@@ -5,4 +5,6 @@
 .grid-container--widescreen,
 .usa-identifier__container--widescreen {
     max-width: $widescreen-max-width !important;
+    margin-left: $widescreen-left-margin !important;
+    margin-right: $widescreen-right-margin !important;
 }
diff --git a/src/registrar/assets/src/sass/_theme/_header.scss b/src/registrar/assets/src/sass/_theme/_header.scss
index 53eab90d8..f21f953eb 100644
--- a/src/registrar/assets/src/sass/_theme/_header.scss
+++ b/src/registrar/assets/src/sass/_theme/_header.scss
@@ -133,4 +133,6 @@
 .usa-navbar--widescreen,
 .usa-nav-container--widescreen  {
     max-width: $widescreen-max-width !important;
+    margin-left: $widescreen-left-margin;
+    margin-right: $widescreen-right-margin;
 }