stylefix(Point of Contact): Responsive break changed from 600px to 90…

…0px (#977) Follow-up to #945 ## Style Problem <img width="432" alt="Screenshot 2024-10-01 at 11 24 06 AM" src="https://github.com/user-attachments/assets/b9adeb8d-d971-4a96-bd1d-5c254bb43159">
cfpb · Oct 1, 2024 · 41bb357 · 41bb357
1 parent 7368475
commit 41bb357
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/pages/PointOfContact/index.tsx b/src/pages/PointOfContact/index.tsx
@@ -276,9 +276,9 @@ function PointOfContact(): JSX.Element {
               errorMessage={formErrors.lastName?.message}
               showError
             />
-            <div className='flex flex-col items-stretch bpSM:flex-row bpSM:gap-[0.9375rem]'>
+            <div className='flex flex-col items-stretch bpMED:flex-row bpMED:gap-[0.9375rem]'>
               <InputEntry
-                className='w-full bpSM:flex-[5]'
+                className='w-full bpMED:flex-[5]'
                 label='Phone number'
                 id='phone'
                 {...register('phone')}
@@ -287,7 +287,7 @@ function PointOfContact(): JSX.Element {
                 showError
               />
               <InputEntry
-                className='w-full bpSM:flex-[3]'
+                className='w-full bpMED:flex-[3]'
                 label='Extension'
                 id='phoneExtension'
                 helperText='Extension should be a number.'