From 88c6612e3fa0f0d6eee00a15773e697a5951f5ae Mon Sep 17 00:00:00 2001
From: S T <shindigira@gmail.com>
Date: Tue, 1 Oct 2024 15:08:14 -0700
Subject: [PATCH] stylefix(Point of Contact): Phone Extension style 2 to 1 (2/3
 to 1/3) (#978)

Follow up to #945

## Changes
- style(PoC): Phone and Phone Extension style flex ratio: 2 to 1 (2/3 to
1/3)

## How to test this PR

1. Toggle between above 900px and below

## Screenshots
<img width="644" alt="Screenshot 2024-10-01 at 2 45 28 PM"
src="https://github.com/user-attachments/assets/e1e6c870-802f-41cf-90d2-c6fd71a23567">
---
 src/pages/PointOfContact/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/PointOfContact/index.tsx b/src/pages/PointOfContact/index.tsx
index 8741b3d02..dc51a995a 100644
--- a/src/pages/PointOfContact/index.tsx
+++ b/src/pages/PointOfContact/index.tsx
@@ -278,7 +278,7 @@ function PointOfContact(): JSX.Element {
             />
             <div className='flex flex-col items-stretch bpMED:flex-row bpMED:gap-[0.9375rem]'>
               <InputEntry
-                className='w-full bpMED:flex-[5]'
+                className='w-full bpMED:flex-[2]'
                 label='Phone number'
                 id='phone'
                 {...register('phone')}
@@ -287,7 +287,7 @@ function PointOfContact(): JSX.Element {
                 showError
               />
               <InputEntry
-                className='w-full bpMED:flex-[3]'
+                className='w-full bpMED:flex-[1]'
                 label='Extension'
                 id='phoneExtension'
                 helperText='Extension should be a number.'