qpp-style 9.20.2 → 9.20.4

package/components/Footer/FooterUI.jsx

@@ -32,7 +32,7 @@ const FooterUI = () => (
         <>
           <div className="global-footer-container">
             <div className="footer-resources">
-              <p className="sub-title">Resources</p>
+              <h3 className="sub-title">Resources</h3>
               <ul>
                 <li>
                   <a
@@ -92,7 +92,7 @@ const FooterUI = () => (
               </ul>
             </div>
             <div className="footer-contact-cms">
-              <p className="sub-title">Contact CMS</p>
+              <h3 className="sub-title">Contact CMS</h3>
               <p className="contact-title">Phone:</p>
               <p>Monday - Friday 8 a.m - 8 p.m ET</p>
               <p>
@@ -114,21 +114,23 @@ const FooterUI = () => (
               </p>
 
               <p className="contact-title">QPP Service Center:</p>
-              <a
-                href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
-                aria-label="CCSQ Support Central"
-                className="email-link"
-                target="__blank"
-                rel="noopener noreferrer"
-              >
-                <strong>Create or Track a QPP Service Center Ticket</strong>
-                <OpenInNewIcon classes={{ root: 'ccsq-link-icon' }} />
-              </a>
+              <h3 className="sub-title qpp-u-margin-y--0">
+                <a
+                  href="https://cmsqualitysupport.servicenowservices.com/ccsq_support_central"
+                  aria-label="CCSQ Support Central"
+                  className="email-link"
+                  target="__blank"
+                  rel="noopener noreferrer"
+                >
+                  <strong>Create or Track a QPP Service Center Ticket</strong>
+                  <OpenInNewIcon classes={{ root: 'ccsq-link-icon' }} />
+                </a>
+              </h3>
             </div>
             <div className="footer-social-newsletter">
-              <p className="sub-title">Stay Connected</p>
+              <h3 className="sub-title">Stay Connected</h3>
               <SocialLinks />
-              <p className="sub-title">Sign Up for the QPP Listserv</p>
+              <h3 className="sub-title">Sign Up for the QPP Listserv</h3>
               <Subscribe />
             </div>
           </div>