style: mt change

Author: shindigira

src/index.css

@@ -1,11 +1,12 @@
+@tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 /* Modified from cf.gov for tailwind use, see:
 https://github.com/search?q=org%3Acfpb+max-width%3A+41.875rem%3B&type=code&p=1
 https://v1.tailwindcss.com/docs/adding-base-styles#using-css */
 
-@layer components {
+@layer base {
   .row dd, .row dt, .row h3, .row h4, .row h5, .row h6, .row li, .row p, .row label {
       max-width: 41.875rem;
   }
@@ -32,11 +33,11 @@ https://v1.tailwindcss.com/docs/adding-base-styles#using-css */
 }
 
 /* Checkbox Border error styling - workaround */
-.m-form-field__checkbox.error-checkbox .a-label:before, .m-form-field__radio .a-label:before {
+.m-form-field__checkbox.error-checkbox .a-label::before, .m-form-field__radio .a-label::before {
   @apply !border-errorColor !border-2
 }
 
 /* Workaround for styling the institution details on Profile-Form */
-.m-form-field__checkbox .invisible:before {
+.m-form-field__checkbox .invisible::before {
   visibility: hidden;
 }

src/pages/ProfileForm/Step1Form/Step1Form.tsx

@@ -177,8 +177,15 @@ function Step1Form(): JSX.Element {
       <div className='mb-[3.75rem] mt-[2.84375rem]'>
         <Step1FormHeader />
       </div>
+<<<<<<< Updated upstream
       <Step1FormErrorHeader errors={formErrors} />
       <div className='mb-[1.625rem]'>
+=======
+      <Element name='step1FormErrorHeader' id='step1FormErrorHeader'>
+        <Step1FormErrorHeader errors={formErrors} />
+      </Element>
+      <div className='mb-[1.625rem] mt-[2.8125rem]'>
+>>>>>>> Stashed changes
         <Heading type='2'>Provide your identifying information</Heading>
         <FormParagraph>
           Type your first name and last name in the fields below. Your email