update faucet styles for ulta-wide displays

Author: AndyMBridges

src/components/Accordion/accordion.module.scss

@@ -23,7 +23,7 @@
       cursor: pointer;
       margin-left: 24px;
       margin-right: 24px;
-      display: block;
+      display: flex;
       height: 16px;
       line-height: 1;
 

src/components/Faucet/Faq.tsx

@@ -171,7 +171,9 @@ export default function Faq({ network, className, classNameHeading, isLimitedUse
         <div className={className}>
           <div className={classNameHeading}>
             <Text as="h2">Frequently Asked Questions</Text>
-            <Text as="p">Answers to commonly asked questions about the MetaMask faucet.</Text>
+            <Text as="p" className={styles.faqDescription}>
+              Answers to commonly asked questions about the MetaMask faucet.
+            </Text>
           </div>
           {isLimitedUserPlan && (
             <Accordion>

src/components/Faucet/faq.module.scss

@@ -6,3 +6,6 @@
   margin: 0;
   padding: 0 24px 24px;
 }
+.faqDescription {
+  line-height: normal;
+}

src/components/Faucet/hero.module.scss

@@ -25,8 +25,7 @@
 }
 
 .heroWrapper {
-  max-width: 1420px;
-  width: 100%;
+  width: calc(100% - var(--page-padding-x) * 2);
   margin: 0 auto;
 }
 

src/pages/developer-tools/faucet.module.scss

@@ -98,7 +98,6 @@
       text-align: center;
       margin: 0 auto;
       width: 100%;
-      max-width: 600px;
       margin-bottom: 48px;
     }
 
@@ -124,7 +123,7 @@
       .faq {
         margin: 0 auto;
         width: 100%;
-        max-width: 1014px;
+        max-width: 1440px;
 
         > *:last-child {
           margin-bottom: 0;