From c6f0d5a2633741aa5917f121b4ba6a6dfc8d4ebe Mon Sep 17 00:00:00 2001
From: Naman Rusia <naman.rusia14@gmail.com>
Date: Wed, 10 Jun 2026 19:35:40 -0400
Subject: [PATCH 1/2] status pill

---
 .../components/ApplicationProfileHeader.tsx   |  2 +-
 .../containers/CandidateViewApplication.tsx   | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/components/ApplicationProfileHeader.tsx b/apps/frontend/src/components/ApplicationProfileHeader.tsx
index 53b9d0ad5..452f00ab0 100644
--- a/apps/frontend/src/components/ApplicationProfileHeader.tsx
+++ b/apps/frontend/src/components/ApplicationProfileHeader.tsx
@@ -78,7 +78,7 @@ const ApplicationProfileHeader: React.FC<ApplicationProfileHeaderProps> = ({
             <path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" />
           </svg>
         </Box>
-        <Text textStyle="4xl" textTransform="capitalize" pl="130px" pb="3">
+        <Text textStyle="4xl" textTransform="capitalize" pl="130px">
           {firstName} {lastName}
         </Text>
       </Box>
diff --git a/apps/frontend/src/containers/CandidateViewApplication.tsx b/apps/frontend/src/containers/CandidateViewApplication.tsx
index 86faaef62..d3beae9c7 100644
--- a/apps/frontend/src/containers/CandidateViewApplication.tsx
+++ b/apps/frontend/src/containers/CandidateViewApplication.tsx
@@ -20,6 +20,10 @@ import RequirementsFrame from '../components/RequirementsFrame';
 import SchoolAffiliationFrame from '../components/SchoolAffiliationFrame';
 import ApplicationProfileHeader from '@components/ApplicationProfileHeader';
 import EmergencyContactFrame from '@components/EmergencyContactFrame';
+import StatusPill, {
+  StatusPillConfig,
+  StatusVariant,
+} from '@components/StatusPill';
 
 const CandidateViewApplication: React.FC = () => {
   const [application, setApplication] = useState<Application | null>(null);
@@ -221,6 +225,21 @@ const CandidateViewApplication: React.FC = () => {
           createdAt={application.createdAt}
           updatedAt={application.updatedAt}
           over18={learnerInfo?.isLegalAdult}
+          statusControl={
+            StatusPillConfig[
+              application.appStatus as unknown as StatusVariant
+            ] ? (
+              <StatusPill
+                variant={application.appStatus as unknown as StatusVariant}
+              >
+                {
+                  StatusPillConfig[
+                    application.appStatus as unknown as StatusVariant
+                  ].label
+                }
+              </StatusPill>
+            ) : undefined
+          }
         />
         <QuestionFrame
           frameProps={{

From cf91c3ffc5226f6c0df1bca2b98ecb2471a1bc5d Mon Sep 17 00:00:00 2001
From: Sam Nie <147653722+SamNie2027@users.noreply.github.com>
Date: Wed, 10 Jun 2026 19:49:26 -0400
Subject: [PATCH 2/2] Moving name and bottom of blue header to be closer

---
 apps/frontend/src/components/ApplicationProfileHeader.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/frontend/src/components/ApplicationProfileHeader.tsx b/apps/frontend/src/components/ApplicationProfileHeader.tsx
index 452f00ab0..8a32bf8f2 100644
--- a/apps/frontend/src/components/ApplicationProfileHeader.tsx
+++ b/apps/frontend/src/components/ApplicationProfileHeader.tsx
@@ -46,6 +46,7 @@ const ApplicationProfileHeader: React.FC<ApplicationProfileHeaderProps> = ({
         gap="6"
         pt="20"
         pl="5"
+        pb="3"
         mt="-10"
         ml="-10"
         mr="-20"