diff --git a/app/client/src/components/app.tsx b/app/client/src/components/app.tsx
index e563d361..08170074 100644
--- a/app/client/src/components/app.tsx
+++ b/app/client/src/components/app.tsx
@@ -58,16 +58,19 @@ function useSiteAlertBanner() {
 
     render(
       <div className="usa-alert">
-        <MarkdownContent
-          className="usa-alert__body"
-          children={content.siteAlert}
-          components={{
-            h1: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
-            h2: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
-            h3: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
-            p: (props) => <p className="usa-alert__text">{props.children}</p>,
-          }}
-        />
+        <div className="usa-alert__body">
+          <div className="usa-alert__content">
+            <MarkdownContent
+              className="usa-alert__text"
+              children={content.siteAlert}
+              components={{
+                h1: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
+                h2: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
+                h3: (props) => <h3 className="usa-alert__heading">{props.children}</h3>, // prettier-ignore
+              }}
+            />
+          </div>
+        </div>
       </div>,
       container,
     );
diff --git a/app/client/src/styles.css b/app/client/src/styles.css
index f6340eac..df5249c7 100644
--- a/app/client/src/styles.css
+++ b/app/client/src/styles.css
@@ -8,11 +8,7 @@
 }
 
 .usa-site-alert .usa-alert {
-  max-width: 1400px;
-}
-
-.usa-site-alert .usa-alert__body {
-  display: block;
+  margin-top: 0;
 }
 
 .usa-checkbox__label,