Merge pull request #6104 from SrilalS/main

Changed the 404 page Text to be Match with Other Styles

packages/fxa-content-server/app/styles/_layout.scss

@@ -89,6 +89,11 @@
   margin-top: 24px;
 }
 
+.fxa-404-p {
+  line-height: 1.5em;
+  margin: 0;
+}
+
 #static-footer {
   align-items: center;
   display: flex;

packages/fxa-content-server/server/templates/pages/src/404.html

@@ -23,10 +23,10 @@
           <h1 id="fxa-404-header">{{#t}}Page not found{{/t}}</h1>
         </header>
 
-        <section>
+        <p class="fxa-404-p" >
           {{#t}}The page you requested is not found. We've been notified and
           will fix any links that may be broken.{{/t}}
-        </section>
+        </p>
 
         <div class="button-row">
           <a href="/signup" class="button primary-button" id="fxa-404-home"

packages/fxa-payments-server/public/404.html

@@ -19,10 +19,10 @@
     <div id="stage">
       <div id="main-content" class="card">
         <header><h1 id="fxa-404-header">Page not found</h1></header>
-        <section>
+        <p class="fxa-404-p">
           The page you requested is not found. We've been notified and will fix
           any links that may be broken.
-        </section>
+        </p>
         <div class="button-row">
           <a href="/signup" class="button primary-button" id="fxa-404-home"
             >Home</a