diff --git a/apps/backend/src/migrations/1764816885341-RemoveUnusedStatuses.ts b/apps/backend/src/migrations/1764816885341-RemoveUnusedStatuses.ts
index 6419e233..4c35fd0f 100644
--- a/apps/backend/src/migrations/1764816885341-RemoveUnusedStatuses.ts
+++ b/apps/backend/src/migrations/1764816885341-RemoveUnusedStatuses.ts
@@ -1,25 +1,24 @@
-import { MigrationInterface, QueryRunner } from "typeorm";
+import { MigrationInterface, QueryRunner } from 'typeorm';
 
 export class RemoveUnusedStatuses1764816885341 implements MigrationInterface {
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `ALTER TABLE allocations DROP COLUMN IF EXISTS status;`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE donation_items DROP COLUMN IF EXISTS status;`,
+    );
+  }
 
-    public async up(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(
-            `ALTER TABLE allocations DROP COLUMN IF EXISTS status;`
-        );
-        await queryRunner.query(
-            `ALTER TABLE donation_items DROP COLUMN IF EXISTS status;`
-        );
-    }
-
-    public async down(queryRunner: QueryRunner): Promise<void> {
-        await queryRunner.query(`
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
             ALTER TABLE allocations
             ADD COLUMN status VARCHAR(25) NOT NULL DEFAULT 'pending';
         `);
 
-        await queryRunner.query(`
+    await queryRunner.query(`
             ALTER TABLE donation_items
             ADD COLUMN status VARCHAR(25) NOT NULL DEFAULT 'available';
         `);
-    }
+  }
 }
diff --git a/apps/backend/src/orders/order.controller.ts b/apps/backend/src/orders/order.controller.ts
index b43b8501..29d65fc3 100644
--- a/apps/backend/src/orders/order.controller.ts
+++ b/apps/backend/src/orders/order.controller.ts
@@ -24,8 +24,9 @@ export class OrdersController {
     private readonly allocationsService: AllocationsService,
   ) {}
 
-  // Called like: /?status=pending&pantryName=Test%20Pantry&pantryName=Test%20Pantry%2
+  // Called like: /?status=pending&pantryName=Test%20Pantry&pantryName=Test%20Pantry%202
   // %20 is the URL encoded space character
+  // This gets all pantries with the name Test Pantry or Test Pantry 2 that have a pending status
   @Get('/')
   async getAllOrders(
     @Query('status') status?: string,
@@ -47,21 +48,21 @@ export class OrdersController {
     return this.ordersService.getPastOrders();
   }
 
-  @Get(':orderId/pantry')
+  @Get('/:orderId/pantry')
   async getPantryFromOrder(
     @Param('orderId', ParseIntPipe) orderId: number,
   ): Promise<Pantry> {
     return this.ordersService.findOrderPantry(orderId);
   }
 
-  @Get(':orderId/request')
+  @Get('/:orderId/request')
   async getRequestFromOrder(
     @Param('orderId', ParseIntPipe) orderId: number,
   ): Promise<FoodRequest> {
     return this.ordersService.findOrderFoodRequest(orderId);
   }
 
-  @Get(':orderId/manufacturer')
+  @Get('/:orderId/manufacturer')
   async getManufacturerFromOrder(
     @Param('orderId', ParseIntPipe) orderId: number,
   ): Promise<FoodManufacturer> {
@@ -82,7 +83,7 @@ export class OrdersController {
     return this.ordersService.findOrderByRequest(requestId);
   }
 
-  @Get(':orderId/allocations')
+  @Get('/:orderId/allocations')
   async getAllAllocationsByOrder(
     @Param('orderId', ParseIntPipe) orderId: number,
   ) {
diff --git a/apps/backend/src/orders/order.service.ts b/apps/backend/src/orders/order.service.ts
index 8a36819f..05f37bca 100644
--- a/apps/backend/src/orders/order.service.ts
+++ b/apps/backend/src/orders/order.service.ts
@@ -16,6 +16,7 @@ export class OrdersService {
     const qb = this.repo
       .createQueryBuilder('order')
       .leftJoinAndSelect('order.pantry', 'pantry')
+      .leftJoinAndSelect('pantry.volunteers', 'volunteers')
       .select([
         'order.orderId',
         'order.status',
@@ -23,6 +24,9 @@ export class OrdersService {
         'order.shippedAt',
         'order.deliveredAt',
         'pantry.pantryName',
+        'volunteers.id',
+        'volunteers.firstName',
+        'volunteers.lastName',
       ]);
 
     if (filters?.status) {
diff --git a/apps/backend/src/pantries/dtos/pantry-application.dto.ts b/apps/backend/src/pantries/dtos/pantry-application.dto.ts
index 42510915..c7473b0f 100644
--- a/apps/backend/src/pantries/dtos/pantry-application.dto.ts
+++ b/apps/backend/src/pantries/dtos/pantry-application.dto.ts
@@ -52,7 +52,7 @@ export class PantryApplicationDto {
   @IsNotEmpty()
   @MaxLength(255)
   emailContactOther?: string;
-  
+
   @IsOptional()
   @IsString()
   @IsNotEmpty()
diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
index 90be09d1..c39631b4 100644
--- a/apps/frontend/src/app.tsx
+++ b/apps/frontend/src/app.tsx
@@ -23,6 +23,7 @@ import DonationManagement from '@containers/donationManagement';
 import AdminDonation from '@containers/adminDonation';
 import { pantryIdLoader } from '@loaders/pantryIdLoader';
 import Homepage from '@containers/homepage';
+import AdminOrderManagement from '@containers/adminOrderManagement';
 
 const router = createBrowserRouter([
   {
@@ -97,6 +98,10 @@ const router = createBrowserRouter([
         path: '/admin-donation',
         element: <AdminDonation />,
       },
+      {
+        path: '/admin-order-management',
+        element: <AdminOrderManagement />,
+      },
       {
         path: '/volunteer-management',
         element: <VolunteerManagement />,
diff --git a/apps/frontend/src/components/forms/orderDetailsModal.tsx b/apps/frontend/src/components/forms/orderDetailsModal.tsx
new file mode 100644
index 00000000..339be715
--- /dev/null
+++ b/apps/frontend/src/components/forms/orderDetailsModal.tsx
@@ -0,0 +1,150 @@
+import React, { useState, useEffect } from 'react';
+import {
+  Text,
+  Dialog,
+  CloseButton,
+  Flex,
+  Textarea,
+  Field,
+  Tag,
+} from '@chakra-ui/react';
+import ApiClient from '@api/apiClient';
+import { FoodRequest, Order } from 'types/types';
+import { formatDate } from '@utils/utils';
+
+interface OrderDetailsModalProps {
+  order: Order;
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+const OrderDetailsModal: React.FC<OrderDetailsModalProps> = ({
+  order,
+  isOpen,
+  onClose,
+}) => {
+  const [foodRequest, setFoodRequest] = useState<FoodRequest | null>(null);
+
+  useEffect(() => {
+    if (isOpen) {
+      const fetchData = async () => {
+        try {
+          const foodRequestData = await ApiClient.getFoodRequestFromOrder(
+            order.orderId,
+          );
+          setFoodRequest(foodRequestData);
+        } catch (error) {
+          console.error('Error fetching food request details:', error);
+        }
+      };
+
+      fetchData();
+    }
+  }, [isOpen, order.orderId]);
+
+  return (
+    <Dialog.Root
+      open={isOpen}
+      size="xl"
+      onOpenChange={(e: { open: boolean }) => {
+        if (!e.open) onClose();
+      }}
+      closeOnInteractOutside
+    >
+      <Dialog.Backdrop />
+      <Dialog.Positioner>
+        <Dialog.Content maxW={650}>
+          <Dialog.Header pb={0} mt={2}>
+            <Dialog.Title fontSize="lg" fontWeight={700} fontFamily="inter">
+              Order {order.orderId}
+            </Dialog.Title>
+          </Dialog.Header>
+          <Dialog.Body>
+            {foodRequest && (
+              <>
+                <Text textStyle="p2" color="#111111">
+                  {order.pantry.pantryName}
+                </Text>
+                <Text mb={8} color="#52525B" textStyle="p2" pt={0} mt={0}>
+                  Requested {formatDate(foodRequest.requestedAt)}
+                </Text>
+
+                <Field.Root mb={4}>
+                  <Field.Label>
+                    <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                      Size of Shipment
+                    </Text>
+                  </Field.Label>
+                  <Text
+                    fontSize="sm"
+                    fontWeight="400"
+                    color="neutral.800"
+                    mt={1}
+                    w="full"
+                  >
+                    {foodRequest.requestedSize}
+                  </Text>
+                </Field.Root>
+
+                <Field.Root mb={4}>
+                  <Field.Label>
+                    <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                      Food Type(s)
+                    </Text>
+                  </Field.Label>
+                  <Flex wrap="wrap" mt={1} gap={2}>
+                    {foodRequest.requestedItems.map((item, index) => (
+                      <Tag.Root
+                        key={index}
+                        size="xl"
+                        variant="solid"
+                        bg="neutral.100"
+                        color="neutral.800"
+                        borderRadius="4px"
+                        borderColor="neutral.300"
+                        borderWidth="1px"
+                        fontFamily="Inter"
+                        fontWeight={500}
+                      >
+                        <Tag.Label>{item}</Tag.Label>
+                      </Tag.Root>
+                    ))}
+                  </Flex>
+                </Field.Root>
+
+                <Field.Root mb={4}>
+                  <Field.Label>
+                    <Text textStyle="p2" fontWeight={600} color="neutral.800">
+                      Additional Information
+                    </Text>
+                  </Field.Label>
+                  <Textarea
+                    value={
+                      foodRequest.additionalInformation ||
+                      'No additional information supplied.'
+                    }
+                    readOnly
+                    pl={-2}
+                    size="lg"
+                    textStyle="p2"
+                    color="neutral.800"
+                    bg="white"
+                    border="none"
+                    resize="none"
+                    disabled
+                  />
+                </Field.Root>
+              </>
+            )}
+          </Dialog.Body>
+
+          <Dialog.CloseTrigger asChild>
+            <CloseButton size="lg" />
+          </Dialog.CloseTrigger>
+        </Dialog.Content>
+      </Dialog.Positioner>
+    </Dialog.Root>
+  );
+};
+
+export default OrderDetailsModal;
diff --git a/apps/frontend/src/components/forms/pantryApplicationForm.tsx b/apps/frontend/src/components/forms/pantryApplicationForm.tsx
index 94abfe3a..df185caa 100644
--- a/apps/frontend/src/components/forms/pantryApplicationForm.tsx
+++ b/apps/frontend/src/components/forms/pantryApplicationForm.tsx
@@ -67,18 +67,22 @@ const activityOptions = [
 
 const PantryApplicationForm: React.FC = () => {
   const [contactPhone, setContactPhone] = useState<string>('');
-  const [secondaryContactPhone, setSecondaryContactPhone] = useState<string>('');
+  const [secondaryContactPhone, setSecondaryContactPhone] =
+    useState<string>('');
   const [activities, setActivities] = useState<string[]>([]);
   const allergenClientsExactOption: string = 'I have an exact number';
 
   const [allergenClients, setAllergenClients] = useState<string | undefined>();
   const [restrictions, setRestrictions] = useState<string[]>([]);
-  const [reserveFoodForAllergic, setReserveFoodForAllergic] = useState<string>();
-  const [differentMailingAddress, setDifferentMailingAddress] = useState<boolean | null>();
+  const [reserveFoodForAllergic, setReserveFoodForAllergic] =
+    useState<string>();
+  const [differentMailingAddress, setDifferentMailingAddress] = useState<
+    boolean | null
+  >();
   const [otherEmailContact, setOtherEmailContact] = useState<boolean>(false);
 
   const sectionTitleStyles = {
-    fontFamily: "inter",
+    fontFamily: 'inter',
     fontWeight: '600',
     fontSize: 'md',
     color: 'gray.dark',
@@ -86,16 +90,16 @@ const PantryApplicationForm: React.FC = () => {
   };
 
   const sectionSubtitleStyles = {
-    fontFamily: "inter",
+    fontFamily: 'inter',
     fontWeight: '400',
     color: 'gray.light',
     mb: '2.25em',
     fontSize: 'sm',
-  }
+  };
 
   const fieldHeaderStyles = {
     color: 'neutral.800',
-    fontFamily: "inter",
+    fontFamily: 'inter',
     fontSize: 'sm',
     fontWeight: '600',
   };
@@ -103,96 +107,121 @@ const PantryApplicationForm: React.FC = () => {
   return (
     <Box width="100%" mx="11em" my="4em">
       <Box as="section" mb="2.75em">
-        <Heading textStyle="h1" fontWeight="normal" mb=".5em" >
+        <Heading textStyle="h1" fontWeight="normal" mb=".5em">
           Partner Pantry Application
         </Heading>
         <Text textStyle="p" color="gray.light">
-          Thank you for your interest in partnering with Securing Safe Food (SSF) to help 
-          serve clients with food allergies and other adverse reactions to foods.
+          Thank you for your interest in partnering with Securing Safe Food
+          (SSF) to help serve clients with food allergies and other adverse
+          reactions to foods.
         </Text>
       </Box>
-      <Box 
-        as="section" bg="#FEFEFE" p="2em" 
-        border="1px solid" borderColor="neutral.200" rounded="sm"
+      <Box
+        as="section"
+        bg="#FEFEFE"
+        p="2em"
+        border="1px solid"
+        borderColor="neutral.200"
+        rounded="sm"
       >
         <Form method="post" action="/pantry-application">
-          <Heading textStyle="h3" mb="1em" color="gray.dark" >
+          <Heading textStyle="h3" mb="1em" color="gray.dark">
             Pantry Application Form
           </Heading>
-          <Stack gap="1em" mb="2em" color="gray.light" textStyle="p" fontWeight="400">
+          <Stack
+            gap="1em"
+            mb="2em"
+            color="gray.light"
+            textStyle="p"
+            fontWeight="400"
+          >
             <Text>
-              This application helps us understand your pantry’s capacity and interest in 
-              distributing allergen-friendly food. We’ll ask about your pantry’s current 
-              practices, storage capabilities, and communication preferences.
+              This application helps us understand your pantry’s capacity and
+              interest in distributing allergen-friendly food. We’ll ask about
+              your pantry’s current practices, storage capabilities, and
+              communication preferences.
             </Text>
             <Text mb=".5em">
-              Please answer as accurately as possible. If you have any questions or need help, 
-              don’t hesitate to contact the SSF team.
+              Please answer as accurately as possible. If you have any questions
+              or need help, don’t hesitate to contact the SSF team.
             </Text>
             <Separator size="sm" color="neutral.100" />
           </Stack>
-          
-          <Text {...sectionTitleStyles}>
-            Primary Contact Information
-          </Text>
+
+          <Text {...sectionTitleStyles}>Primary Contact Information</Text>
           <SimpleGrid columns={2} columnGap={9} rowGap={10} mb="2.5em">
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 First Name
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="contactFirstName" type="text" borderColor="neutral.100" />
+              <Input
+                name="contactFirstName"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 Last Name
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="contactLastName" type="text" borderColor="neutral.100" />
+              <Input
+                name="contactLastName"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 Phone Number
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
               <USPhoneInput
                 value={contactPhone}
                 onChange={setContactPhone}
-                inputProps={{ name: 'contactPhone', borderColor: 'neutral.100' }}
+                inputProps={{
+                  name: 'contactPhone',
+                  borderColor: 'neutral.100',
+                }}
               />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 Email Address
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="contactEmail" type="email" borderColor="neutral.100" />
+              <Input
+                name="contactEmail"
+                type="email"
+                borderColor="neutral.100"
+              />
             </Field.Root>
           </SimpleGrid>
           <Field.Root required mb=".75em">
             <Field.Label {...fieldHeaderStyles} mb=".5em">
-              Is there someone at your pantry who can regularly check and respond to emails from SSF as needed?{' '}
-              <Field.RequiredIndicator color="red"/>
+              Is there someone at your pantry who can regularly check and
+              respond to emails from SSF as needed?{' '}
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <RadioGroup.Root 
+            <RadioGroup.Root
               name="hasEmailContact"
               variant="solid"
-              onValueChange={(e: {value: string}) => setOtherEmailContact(e.value === 'Other')}
+              onValueChange={(e: { value: string }) =>
+                setOtherEmailContact(e.value === 'Other')
+              }
             >
               <Stack>
                 {['Yes', 'No', 'Other'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
-                    <RadioGroup.ItemHiddenInput required/>
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemHiddenInput required />
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText 
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -201,127 +230,151 @@ const PantryApplicationForm: React.FC = () => {
             </RadioGroup.Root>
           </Field.Root>
           <Field.Root required={otherEmailContact} mb="2.5em">
-            <Input 
-              name="emailContactOther" 
-              type="text" 
-              borderColor="neutral.100" 
+            <Input
+              name="emailContactOther"
+              type="text"
+              borderColor="neutral.100"
               placeholder="If you selected other, please specify."
-              _placeholder={{ color: "neutral.800" }}
+              _placeholder={{ color: 'neutral.800' }}
               maxW="30em"
             />
           </Field.Root>
 
-          <Separator size="sm" color="neutral.100" mb="3em"/>
+          <Separator size="sm" color="neutral.100" mb="3em" />
 
-          <Text {...sectionTitleStyles}>
-            Secondary Contact Information
-          </Text>
+          <Text {...sectionTitleStyles}>Secondary Contact Information</Text>
           <SimpleGrid columns={2} columnGap={9} rowGap={9} mb="4em">
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                First Name
-              </Field.Label>
-              <Input name="secondaryContactFirstName" type="text" borderColor="neutral.100" />
+              <Field.Label {...fieldHeaderStyles}>First Name</Field.Label>
+              <Input
+                name="secondaryContactFirstName"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                Last Name
-              </Field.Label>
-              <Input name="secondaryContactLastName" type="text" borderColor="neutral.100" />
+              <Field.Label {...fieldHeaderStyles}>Last Name</Field.Label>
+              <Input
+                name="secondaryContactLastName"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                Phone Number
-              </Field.Label>
+              <Field.Label {...fieldHeaderStyles}>Phone Number</Field.Label>
               <USPhoneInput
                 value={secondaryContactPhone}
                 onChange={setSecondaryContactPhone}
                 allowEmpty={true}
-                inputProps={{ name: 'secondaryContactPhone', borderColor: 'neutral.100' }}
+                inputProps={{
+                  name: 'secondaryContactPhone',
+                  borderColor: 'neutral.100',
+                }}
               />
             </Field.Root>
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                Email Address
-              </Field.Label>
-              <Input name="secondaryContactEmail" type="email" borderColor="neutral.100" />
+              <Field.Label {...fieldHeaderStyles}>Email Address</Field.Label>
+              <Input
+                name="secondaryContactEmail"
+                type="email"
+                borderColor="neutral.100"
+              />
             </Field.Root>
           </SimpleGrid>
 
-          <Separator size="sm" color="neutral.100" mb="3em"/>
-          
+          <Separator size="sm" color="neutral.100" mb="3em" />
+
           <Text {...sectionTitleStyles} mb="0">
             Food Shipment Address
           </Text>
           <Text {...sectionSubtitleStyles}>
             Please list your address for <b>food shipments</b>.
           </Text>
-          <SimpleGrid columns={2} columnGap={9} rowGap={9} mb="2em" >
+          <SimpleGrid columns={2} columnGap={9} rowGap={9} mb="2em">
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 Address Line 1
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="shipmentAddressLine1" type="text" borderColor="neutral.100" />
+              <Input
+                name="shipmentAddressLine1"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                Address Line 2
-              </Field.Label>
-              <Input name="shipmentAddressLine2" type="text" borderColor="neutral.100" />
+              <Field.Label {...fieldHeaderStyles}>Address Line 2</Field.Label>
+              <Input
+                name="shipmentAddressLine2"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 City/Town
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="shipmentAddressCity" type="text" borderColor="neutral.100" />
+              <Input
+                name="shipmentAddressCity"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 State/Region/Province
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="shipmentAddressState" type="text" borderColor="neutral.100" />
+              <Input
+                name="shipmentAddressState"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root required>
               <Field.Label {...fieldHeaderStyles}>
                 Zip/Post Code
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Field.Label>
-              <Input name="shipmentAddressZip" type="text" borderColor="neutral.100" />
+              <Input
+                name="shipmentAddressZip"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
             <Field.Root>
-              <Field.Label {...fieldHeaderStyles}>
-                Country
-              </Field.Label>
-              <Input name="shipmentAddressCountry" type="text" borderColor="neutral.100" />
+              <Field.Label {...fieldHeaderStyles}>Country</Field.Label>
+              <Input
+                name="shipmentAddressCountry"
+                type="text"
+                borderColor="neutral.100"
+              />
             </Field.Root>
           </SimpleGrid>
           <Field.Root required mb="2em">
             <Field.Label {...fieldHeaderStyles} mb=".5em">
-              Does this address differ from your pantry's mailing address for documents?{' '}
-              <Field.RequiredIndicator color="red"/>
+              Does this address differ from your pantry's mailing address for
+              documents? <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <RadioGroup.Root 
+            <RadioGroup.Root
               variant="solid"
-              onValueChange={(e: {value: string}) => setDifferentMailingAddress(e.value === 'Yes')}
+              onValueChange={(e: { value: string }) =>
+                setDifferentMailingAddress(e.value === 'Yes')
+              }
               name="differentMailingAddress"
             >
               <Stack>
                 {['Yes', 'No'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
-                    <RadioGroup.ItemHiddenInput required/>
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemHiddenInput required />
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText 
-                      color="neutral.700" 
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -331,28 +384,22 @@ const PantryApplicationForm: React.FC = () => {
           </Field.Root>
           <Field.Root required mb="2em">
             <Field.Label {...fieldHeaderStyles} mb=".5em">
-              Would your pantry be able to accept food deliveries 
-              during standard business hours Mon-Fri?{' '}
-              <Field.RequiredIndicator color="red"/>
+              Would your pantry be able to accept food deliveries during
+              standard business hours Mon-Fri?{' '}
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <RadioGroup.Root 
-              name="acceptFoodDeliveries"
-              variant="solid"
-            >
+            <RadioGroup.Root name="acceptFoodDeliveries" variant="solid">
               <Stack>
                 {['Yes', 'No'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
                     <RadioGroup.ItemHiddenInput required />
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -364,10 +411,13 @@ const PantryApplicationForm: React.FC = () => {
             <Field.Label {...fieldHeaderStyles}>
               Please note any delivery window restrictions.
             </Field.Label>
-            <Textarea name="deliveryWindowInstructions" borderColor="neutral.100" />
+            <Textarea
+              name="deliveryWindowInstructions"
+              borderColor="neutral.100"
+            />
           </Field.Root>
 
-          <Separator size="sm" color="neutral.100" my="3em"/>
+          <Separator size="sm" color="neutral.100" my="3em" />
 
           {differentMailingAddress && (
             <>
@@ -377,61 +427,81 @@ const PantryApplicationForm: React.FC = () => {
               <Text {...sectionSubtitleStyles}>
                 Please list your mailing address for <b>documents</b>.
               </Text>
-              <SimpleGrid columns={2} columnGap={9} rowGap={9} mb="4em" >
+              <SimpleGrid columns={2} columnGap={9} rowGap={9} mb="4em">
                 <Field.Root required={differentMailingAddress}>
                   <Field.Label {...fieldHeaderStyles}>
                     Address Line 1
-                    <Field.RequiredIndicator color="red"/>
+                    <Field.RequiredIndicator color="red" />
                   </Field.Label>
-                  <Input name="mailingAddressLine1" type="text" borderColor="neutral.100" />
+                  <Input
+                    name="mailingAddressLine1"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
                 <Field.Root>
                   <Field.Label {...fieldHeaderStyles}>
                     Address Line 2
                   </Field.Label>
-                  <Input name="mailingAddressLine2" type="text" borderColor="neutral.100" />
+                  <Input
+                    name="mailingAddressLine2"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
                 <Field.Root required={differentMailingAddress}>
                   <Field.Label {...fieldHeaderStyles}>
                     City/Town
-                    <Field.RequiredIndicator color="red"/>
+                    <Field.RequiredIndicator color="red" />
                   </Field.Label>
-                  <Input name="mailingAddressCity" type="text" borderColor="neutral.100" />
+                  <Input
+                    name="mailingAddressCity"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
                 <Field.Root required={differentMailingAddress}>
                   <Field.Label {...fieldHeaderStyles}>
                     State/Region/Province
-                    <Field.RequiredIndicator color="red"/>
+                    <Field.RequiredIndicator color="red" />
                   </Field.Label>
-                  <Input name="mailingAddressState" type="text" borderColor="neutral.100" />
+                  <Input
+                    name="mailingAddressState"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
                 <Field.Root required={differentMailingAddress}>
                   <Field.Label {...fieldHeaderStyles}>
                     Zip/Post Code
-                    <Field.RequiredIndicator color="red"/>
+                    <Field.RequiredIndicator color="red" />
                   </Field.Label>
-                  <Input name="mailingAddressZip" type="text" borderColor="neutral.100" />
+                  <Input
+                    name="mailingAddressZip"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
                 <Field.Root>
-                  <Field.Label {...fieldHeaderStyles}>
-                    Country
-                  </Field.Label>
-                  <Input name="mailingAddressCountry" type="text" borderColor="neutral.100" />
+                  <Field.Label {...fieldHeaderStyles}>Country</Field.Label>
+                  <Input
+                    name="mailingAddressCountry"
+                    type="text"
+                    borderColor="neutral.100"
+                  />
                 </Field.Root>
               </SimpleGrid>
 
-              <Separator size="sm" color="neutral.100" my="3em"/>
+              <Separator size="sm" color="neutral.100" my="3em" />
             </>
           )}
-          
-          <Text {...sectionTitleStyles}>
-            Pantry Details
-          </Text>
+
+          <Text {...sectionTitleStyles}>Pantry Details</Text>
           <Field.Root required mb="2em">
             <Field.Label asChild>
               <Text {...fieldHeaderStyles}>
                 Pantry Name
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Text>
             </Field.Label>
             <Input name="pantryName" type="text" borderColor="neutral.100" />
@@ -440,7 +510,7 @@ const PantryApplicationForm: React.FC = () => {
             <Field.Label {...fieldHeaderStyles}>
               Approximately how many allergen-avoidant clients does your pantry
               serve?
-              <Field.RequiredIndicator color="red"/>
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
             <NativeSelect.Root>
               <NativeSelect.Field
@@ -465,7 +535,7 @@ const PantryApplicationForm: React.FC = () => {
                   </option>
                 ))}
               </NativeSelect.Field>
-              <NativeSelectIndicator/>
+              <NativeSelectIndicator />
             </NativeSelect.Root>
           </Field.Root>
           {allergenClients === allergenClientsExactOption && (
@@ -492,7 +562,12 @@ const PantryApplicationForm: React.FC = () => {
             </Field.Label>
 
             {restrictions.map((value) => (
-              <input type="hidden" name="restrictions" key={value} value={value} />
+              <input
+                type="hidden"
+                name="restrictions"
+                key={value}
+                value={value}
+              />
             ))}
 
             <Menu.Root closeOnSelect={false}>
@@ -502,7 +577,7 @@ const PantryApplicationForm: React.FC = () => {
                   pr={2}
                   w="full"
                   bgColor="white"
-                  color='neutral.800'
+                  color="neutral.800"
                   borderColor="neutral.100"
                   justifyContent="space-between"
                   textStyle="p2"
@@ -513,15 +588,15 @@ const PantryApplicationForm: React.FC = () => {
                     : 'Select restrictions'}
                   <ChevronDownIcon />
 
-                  <input 
+                  <input
                     type="text"
                     name="restrictions-required"
                     value={restrictions.length > 0 ? 'selected' : ''}
                     required
-                    style={{ 
+                    style={{
                       position: 'absolute',
                       opacity: 0,
-                      pointerEvents: 'none'
+                      pointerEvents: 'none',
                     }}
                   />
                 </Button>
@@ -574,7 +649,7 @@ const PantryApplicationForm: React.FC = () => {
             {restrictions.length > 0 && (
               <Flex wrap="wrap" mt={1} gap={2}>
                 {restrictions.map((value) => (
-                  <Tag.Root 
+                  <Tag.Root
                     key={value}
                     bg="teal.100"
                     p={2}
@@ -583,10 +658,10 @@ const PantryApplicationForm: React.FC = () => {
                   >
                     <Tag.Label>{value}</Tag.Label>
                     <Tag.EndElement ml={4}>
-                      <Tag.CloseTrigger 
+                      <Tag.CloseTrigger
                         onClick={() =>
                           setRestrictions((prev) =>
-                            prev.filter((item) => item !== value)
+                            prev.filter((item) => item !== value),
                           )
                         }
                         style={{ cursor: 'pointer' }}
@@ -601,8 +676,10 @@ const PantryApplicationForm: React.FC = () => {
           {restrictions.find((option) =>
             otherRestrictionsOptions.includes(option),
           ) && (
-            <Field.Root 
-              required={restrictions.find((option) => otherRestrictionsOptions.includes(option))}
+            <Field.Root
+              required={restrictions.find((option) =>
+                otherRestrictionsOptions.includes(option),
+              )}
               mb="2em"
             >
               <Field.Label {...fieldHeaderStyles}>
@@ -614,27 +691,26 @@ const PantryApplicationForm: React.FC = () => {
           )}
           <Field.Root required mb="2em">
             <Field.Label {...fieldHeaderStyles}>
-              Would you be able to accept frozen donations that require refrigeration or freezing?
-              <Field.RequiredIndicator color="red"/>
+              Would you be able to accept frozen donations that require
+              refrigeration or freezing?
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <RadioGroup.Root 
-              name="refrigeratedDonation"
-              variant="solid"
-            >
+            <RadioGroup.Root name="refrigeratedDonation" variant="solid">
               <Stack>
-                {['Yes, always', 'No', 'Sometimes (check in before sending)'].map((value) => (
+                {[
+                  'Yes, always',
+                  'No',
+                  'Sometimes (check in before sending)',
+                ].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
-                    <RadioGroup.ItemHiddenInput required/>
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemHiddenInput required />
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText 
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -647,26 +723,20 @@ const PantryApplicationForm: React.FC = () => {
             <Field.Label {...fieldHeaderStyles}>
               Do you have a dedicated shelf or section of your pantry for
               allergy-friendly items?
-              <Field.RequiredIndicator color="red"/>
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <RadioGroup.Root 
-              name="dedicatedAllergyFriendly"
-              variant="solid"
-            >
+            <RadioGroup.Root name="dedicatedAllergyFriendly" variant="solid">
               <Stack>
                 {['Yes', 'No'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
-                    <RadioGroup.ItemHiddenInput required/>
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemHiddenInput required />
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText 
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -677,34 +747,33 @@ const PantryApplicationForm: React.FC = () => {
 
           <Field.Root required mb="2em">
             <Field.Label {...fieldHeaderStyles}>
-              Are you willing to reserve our food shipments for allergen-avoidant
-              individuals?{' '}
-              <Field.RequiredIndicator color="red"/>
+              Are you willing to reserve our food shipments for
+              allergen-avoidant individuals?{' '}
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
             <Field.HelperText color="neutral.600" mb=".5em">
-              For example, grouping allergen-friendly items on a separate shelf or 
-              in separate bins and encouraging non-allergic clients to save these 
-              items for clients who do not have other safe food options.
+              For example, grouping allergen-friendly items on a separate shelf
+              or in separate bins and encouraging non-allergic clients to save
+              these items for clients who do not have other safe food options.
             </Field.HelperText>
-            <RadioGroup.Root 
+            <RadioGroup.Root
               name="reserveFoodForAllergic"
               variant="solid"
-              onValueChange={(e: {value: string}) => setReserveFoodForAllergic(e.value)}
+              onValueChange={(e: { value: string }) =>
+                setReserveFoodForAllergic(e.value)
+              }
             >
               <Stack>
                 {['Yes', 'Some', 'No'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
-                    <RadioGroup.ItemHiddenInput required/>
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemHiddenInput required />
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText 
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -716,10 +785,15 @@ const PantryApplicationForm: React.FC = () => {
           {reserveFoodForAllergic === 'Yes' && (
             <Field.Root mb="2em">
               <Field.Label {...fieldHeaderStyles}>
-                How would you work to ensure that allergen-friendly foods are distributed to 
-                clients with food allergies or other adverse reactions to foods?
+                How would you work to ensure that allergen-friendly foods are
+                distributed to clients with food allergies or other adverse
+                reactions to foods?
               </Field.Label>
-              <Textarea name="reservationExplanation" borderColor="neutral.100" autoresize />
+              <Textarea
+                name="reservationExplanation"
+                borderColor="neutral.100"
+                autoresize
+              />
             </Field.Root>
           )}
 
@@ -728,7 +802,11 @@ const PantryApplicationForm: React.FC = () => {
               <Field.Label {...fieldHeaderStyles}>
                 Please explain why you selected "Some."
               </Field.Label>
-              <Textarea name="reservationExplanation" borderColor="neutral.100" autoresize />
+              <Textarea
+                name="reservationExplanation"
+                borderColor="neutral.100"
+                autoresize
+              />
             </Field.Root>
           )}
 
@@ -736,7 +814,7 @@ const PantryApplicationForm: React.FC = () => {
             <Field.Label {...fieldHeaderStyles}>
               How often do allergen-avoidant clients visit your food pantry?
             </Field.Label>
-            <NativeSelect.Root >
+            <NativeSelect.Root>
               <NativeSelect.Field
                 placeholder="Select an option"
                 name="clientVisitFrequency"
@@ -763,7 +841,7 @@ const PantryApplicationForm: React.FC = () => {
               Are you confident in identifying the top 9 allergens in an
               ingredient list?
             </Field.Label>
-            <NativeSelect.Root >
+            <NativeSelect.Root>
               <NativeSelect.Field
                 placeholder="Select an option"
                 name="identifyAllergensConfidence"
@@ -792,18 +870,20 @@ const PantryApplicationForm: React.FC = () => {
               Do you serve allergen-avoidant or food-allergic children at your
               pantry?
             </Field.Label>
-            <NativeSelect.Root >
+            <NativeSelect.Root>
               <NativeSelect.Field
                 placeholder="Select an option"
                 name="serveAllergicChildren"
                 borderColor="neutral.100"
                 color="neutral.800"
               >
-                {['Yes, many (> 10)', 'Yes, a few (< 10)', 'No'].map((value) => (
-                  <option key={value} value={value}>
-                    {value}
-                  </option>
-                ))}
+                {['Yes, many (> 10)', 'Yes, a few (< 10)', 'No'].map(
+                  (value) => (
+                    <option key={value} value={value}>
+                      {value}
+                    </option>
+                  ),
+                )}
               </NativeSelect.Field>
               <NativeSelectIndicator />
             </NativeSelect.Root>
@@ -819,7 +899,12 @@ const PantryApplicationForm: React.FC = () => {
             </Field.Label>
 
             {activities.map((value) => (
-              <input type="hidden" name="activities" key={value} value={value} />
+              <input
+                type="hidden"
+                name="activities"
+                key={value}
+                value={value}
+              />
             ))}
 
             <Menu.Root closeOnSelect={false}>
@@ -829,7 +914,7 @@ const PantryApplicationForm: React.FC = () => {
                   pr={2}
                   w="full"
                   bgColor="white"
-                  color='neutral.800'
+                  color="neutral.800"
                   borderColor="neutral.100"
                   justifyContent="space-between"
                   textStyle="p2"
@@ -840,15 +925,15 @@ const PantryApplicationForm: React.FC = () => {
                     : 'Select activities'}
                   <ChevronDownIcon />
 
-                  <input 
+                  <input
                     type="text"
                     name="activities-required"
                     value={activities.length > 0 ? 'selected' : ''}
                     required
-                    style={{ 
+                    style={{
                       position: 'absolute',
                       opacity: 0,
-                      pointerEvents: 'none'
+                      pointerEvents: 'none',
                     }}
                   />
                 </Button>
@@ -901,7 +986,7 @@ const PantryApplicationForm: React.FC = () => {
             {activities.length > 0 && (
               <Flex wrap="wrap" mt={1} gap={2}>
                 {activities.map((value) => (
-                  <Tag.Root 
+                  <Tag.Root
                     key={value}
                     bg="teal.100"
                     p={2}
@@ -910,10 +995,10 @@ const PantryApplicationForm: React.FC = () => {
                   >
                     <Tag.Label>{value}</Tag.Label>
                     <Tag.EndElement ml={4}>
-                      <Tag.CloseTrigger 
+                      <Tag.CloseTrigger
                         onClick={() =>
                           setActivities((prev) =>
-                            prev.filter((item) => item !== value)
+                            prev.filter((item) => item !== value),
                           )
                         }
                         style={{ cursor: 'pointer' }}
@@ -928,17 +1013,18 @@ const PantryApplicationForm: React.FC = () => {
               following are additional ways to help us better support you!
               Please select all that apply.
             </Field.HelperText>
-          </Field.Root>       
+          </Field.Root>
           <Field.Root required={activities.includes('Something else')} mb="2em">
             <Field.Label {...fieldHeaderStyles}>
-              Please list any comments/concerns related to the previous question.
+              Please list any comments/concerns related to the previous
+              question.
               {activities.includes('Something else') && (
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               )}
             </Field.Label>
-            <Textarea 
-              name="activitiesComments" 
-              borderColor="neutral.100" 
+            <Textarea
+              name="activitiesComments"
+              borderColor="neutral.100"
               autoresize
             />
             <Field.HelperText color="neutral.600">
@@ -947,48 +1033,51 @@ const PantryApplicationForm: React.FC = () => {
           </Field.Root>
           <Field.Root required mb="2em">
             <Field.Label {...fieldHeaderStyles}>
-              What types of allergen-free items, if any, do you currently have in
-              stock?
-              <Field.RequiredIndicator color="red"/>
+              What types of allergen-free items, if any, do you currently have
+              in stock?
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <Textarea name="itemsInStock" borderColor="neutral.100" autoresize />
+            <Textarea
+              name="itemsInStock"
+              borderColor="neutral.100"
+              autoresize
+            />
             <Field.HelperText color="neutral.600">
-              For example, gluten-free breads, sunflower seed butters, nondairy beverages, etc.
+              For example, gluten-free breads, sunflower seed butters, nondairy
+              beverages, etc.
             </Field.HelperText>
           </Field.Root>
           <Field.Root required mb="4em">
             <Field.Label {...fieldHeaderStyles}>
               Do allergen-avoidant clients at your pantry ever request a greater
               variety of items or not have enough options? Please explain.
-              <Field.RequiredIndicator color="red"/>
+              <Field.RequiredIndicator color="red" />
             </Field.Label>
-            <Textarea name="needMoreOptions" borderColor="neutral.100" autoresize />
+            <Textarea
+              name="needMoreOptions"
+              borderColor="neutral.100"
+              autoresize
+            />
           </Field.Root>
 
-          <Separator size="sm" color="neutral.100" my="3em"/>
+          <Separator size="sm" color="neutral.100" my="3em" />
 
           <Field.Root mb="2em">
             <Field.Label {...fieldHeaderStyles}>
               Would you like to subscribe to our quarterly newsletter?
             </Field.Label>
-            <RadioGroup.Root 
-              name="newsletterSubscription"
-              variant="solid"
-            >
+            <RadioGroup.Root name="newsletterSubscription" variant="solid">
               <Stack>
                 {['Yes', 'No'].map((value) => (
                   <RadioGroup.Item key={value} value={value}>
                     <RadioGroup.ItemHiddenInput />
-                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }} >
-                      <RadioGroup.ItemIndicator 
-                        border="1px solid" 
+                    <RadioGroup.ItemControl _checked={{ bg: 'neutral.800' }}>
+                      <RadioGroup.ItemIndicator
+                        border="1px solid"
                         borderColor="neutral.100"
                       />
                     </RadioGroup.ItemControl>
-                    <RadioGroup.ItemText
-                      color="neutral.700"
-                      textStyle="p2"
-                    >
+                    <RadioGroup.ItemText color="neutral.700" textStyle="p2">
                       {value}
                     </RadioGroup.ItemText>
                   </RadioGroup.Item>
@@ -998,32 +1087,29 @@ const PantryApplicationForm: React.FC = () => {
           </Field.Root>
           <Field.Root required mb="4em">
             <Checkbox.Root>
-              <Checkbox.HiddenInput/>
-              <Checkbox.Control 
-                border="1px solid" 
-                borderColor="neutral.100" 
+              <Checkbox.HiddenInput />
+              <Checkbox.Control
+                border="1px solid"
+                borderColor="neutral.100"
                 _checked={{ bg: 'neutral.800' }}
               />
               <Checkbox.Label {...fieldHeaderStyles}>
                 By submitting this form, you agree to our Privacy Policy.{' '}
-                <Field.RequiredIndicator color="red"/>
+                <Field.RequiredIndicator color="red" />
               </Checkbox.Label>
             </Checkbox.Root>
           </Field.Root>
           <Box display="flex" gap={2} justifyContent="flex-end" mb={6}>
             <Button
-              border="1px solid" 
-              color="neutral.800" 
+              border="1px solid"
+              color="neutral.800"
               borderColor="neutral.200"
               fontWeight={600}
               bg="white"
             >
               Cancel
             </Button>
-            <Button 
-              type="submit" bg="blue.ssf" 
-              fontWeight={600} px={8}
-            >
+            <Button type="submit" bg="blue.ssf" fontWeight={600} px={8}>
               Submit Application
             </Button>
           </Box>
@@ -1040,12 +1126,18 @@ export const submitPantryApplicationForm: ActionFunction = async ({
   const pantryApplicationData = new Map();
 
   const ActivityStorageMap: Record<string, string> = {
-    'Create a labeled, allergy-friendly shelf or shelves': Activity.CREATE_LABELED_SHELF,
-    'Provide clients and staff/volunteers with educational pamphlets': Activity.PROVIDE_EDUCATIONAL_PAMPHLETS,
-    "Use a spreadsheet to track clients' medical dietary needs and distribution of SSF items per month": Activity.TRACK_DIETARY_NEEDS,
-    'Post allergen-free resource flyers throughout pantry': Activity.POST_RESOURCE_FLYERS,
-    'Survey your clients to determine their medical dietary needs': Activity.SURVEY_CLIENTS,
-    'Collect feedback from allergen-avoidant clients on SSF foods': Activity.COLLECT_FEEDBACK,
+    'Create a labeled, allergy-friendly shelf or shelves':
+      Activity.CREATE_LABELED_SHELF,
+    'Provide clients and staff/volunteers with educational pamphlets':
+      Activity.PROVIDE_EDUCATIONAL_PAMPHLETS,
+    "Use a spreadsheet to track clients' medical dietary needs and distribution of SSF items per month":
+      Activity.TRACK_DIETARY_NEEDS,
+    'Post allergen-free resource flyers throughout pantry':
+      Activity.POST_RESOURCE_FLYERS,
+    'Survey your clients to determine their medical dietary needs':
+      Activity.SURVEY_CLIENTS,
+    'Collect feedback from allergen-avoidant clients on SSF foods':
+      Activity.COLLECT_FEEDBACK,
     'Something else': Activity.SOMETHING_ELSE,
   };
 
@@ -1055,39 +1147,69 @@ export const submitPantryApplicationForm: ActionFunction = async ({
     restrictions.push(restrictionsOther as string);
   }
   pantryApplicationData.set('restrictions', restrictions);
-  form.delete('restrictions')
+  form.delete('restrictions');
   form.delete('restrictionsOther');
 
   const selectedActivities = form.getAll('activities') as string[];
-  const convertedActivities = selectedActivities.map((activity) => ActivityStorageMap[activity]);
+  const convertedActivities = selectedActivities.map(
+    (activity) => ActivityStorageMap[activity],
+  );
   pantryApplicationData.set('activities', convertedActivities);
   form.delete('activities');
 
-  pantryApplicationData.set('newsletterSubscription', form.get("newsletterSubscription") === "Yes");
-  pantryApplicationData.set('acceptFoodDeliveries', form.get("acceptFoodDeliveries") === "Yes");
-  pantryApplicationData.set('dedicatedAllergyFriendly', form.get("dedicatedAllergyFriendly") === "Yes");
-  pantryApplicationData.set('hasEmailContact', form.get("hasEmailContact") === "Yes");
-  form.delete('newsletterSubscription')
-  form.delete('acceptFoodDeliveries')
-  form.delete('dedicatedAllergyFriendly')
-  form.delete('hasEmailContact')
+  pantryApplicationData.set(
+    'newsletterSubscription',
+    form.get('newsletterSubscription') === 'Yes',
+  );
+  pantryApplicationData.set(
+    'acceptFoodDeliveries',
+    form.get('acceptFoodDeliveries') === 'Yes',
+  );
+  pantryApplicationData.set(
+    'dedicatedAllergyFriendly',
+    form.get('dedicatedAllergyFriendly') === 'Yes',
+  );
+  pantryApplicationData.set(
+    'hasEmailContact',
+    form.get('hasEmailContact') === 'Yes',
+  );
+  form.delete('newsletterSubscription');
+  form.delete('acceptFoodDeliveries');
+  form.delete('dedicatedAllergyFriendly');
+  form.delete('hasEmailContact');
 
   // Handle mailing address
-  if (form.get("differentMailingAddress") === "No") {
-    pantryApplicationData.set('mailingAddressLine1', form.get('shipmentAddressLine1'));
-    pantryApplicationData.set('mailingAddressLine2', form.get('shipmentAddressLine2') || null);
-    pantryApplicationData.set('mailingAddressCity', form.get('shipmentAddressCity'));
-    pantryApplicationData.set('mailingAddressState', form.get('shipmentAddressState'));
-    pantryApplicationData.set('mailingAddressZip', form.get('shipmentAddressZip'));
-    pantryApplicationData.set('mailingAddressCountry', form.get('shipmentAddressCountry') || null);
+  if (form.get('differentMailingAddress') === 'No') {
+    pantryApplicationData.set(
+      'mailingAddressLine1',
+      form.get('shipmentAddressLine1'),
+    );
+    pantryApplicationData.set(
+      'mailingAddressLine2',
+      form.get('shipmentAddressLine2') || null,
+    );
+    pantryApplicationData.set(
+      'mailingAddressCity',
+      form.get('shipmentAddressCity'),
+    );
+    pantryApplicationData.set(
+      'mailingAddressState',
+      form.get('shipmentAddressState'),
+    );
+    pantryApplicationData.set(
+      'mailingAddressZip',
+      form.get('shipmentAddressZip'),
+    );
+    pantryApplicationData.set(
+      'mailingAddressCountry',
+      form.get('shipmentAddressCountry') || null,
+    );
   }
-  form.delete('differentMailingAddress')
+  form.delete('differentMailingAddress');
 
   // Replace the answer for allergenClients with the answer
   // for allergenClientsExact if it is given
-  const allergenClientsExact = form.get(
-    'allergenClientsExact',
-  );
+  const allergenClientsExact = form.get('allergenClientsExact');
   if ((allergenClientsExact ?? '') !== '') {
     pantryApplicationData.set('allergenClients', allergenClientsExact);
   }
@@ -1098,7 +1220,7 @@ export const submitPantryApplicationForm: ActionFunction = async ({
     if (value === '') {
       pantryApplicationData.set(key, null);
     } else {
-      pantryApplicationData.set(key, value)
+      pantryApplicationData.set(key, value);
     }
   });
 
@@ -1120,12 +1242,14 @@ export const submitPantryApplicationForm: ActionFunction = async ({
         );
       } else {
         alert('Form submission failed; please try again');
-        console.log(error)
+        console.log(error);
       }
     },
   );
 
-  return submissionSuccessful ? redirect('/pantry-application/submitted') : null;
+  return submissionSuccessful
+    ? redirect('/pantry-application/submitted')
+    : null;
 };
 
 export default PantryApplicationForm;
diff --git a/apps/frontend/src/components/forms/usPhoneInput.tsx b/apps/frontend/src/components/forms/usPhoneInput.tsx
index 7dd3dc16..dd172c16 100644
--- a/apps/frontend/src/components/forms/usPhoneInput.tsx
+++ b/apps/frontend/src/components/forms/usPhoneInput.tsx
@@ -46,8 +46,9 @@ export const USPhoneInput: React.FC<USPhoneInputProps> = ({
       // +1 country code is automatically added to data.phone, so after removing
       // all non-digits, a length of 0-1 means the field is empty
       // (the input does not allow non-digit characters)
-      const digits = data.phone.replace(/\D/g, '')
-      const isEmpty = !data.phone || data.phone.trim() === '' || digits.length <= 1;
+      const digits = data.phone.replace(/\D/g, '');
+      const isEmpty =
+        !data.phone || data.phone.trim() === '' || digits.length <= 1;
 
       onChange(isEmpty ? '' : data.phone);
 
diff --git a/apps/frontend/src/containers/adminOrderManagement.tsx b/apps/frontend/src/containers/adminOrderManagement.tsx
new file mode 100644
index 00000000..60227901
--- /dev/null
+++ b/apps/frontend/src/containers/adminOrderManagement.tsx
@@ -0,0 +1,633 @@
+import React, { useState, useEffect } from 'react';
+import {
+  Box,
+  Button,
+  Table,
+  Heading,
+  Pagination,
+  IconButton,
+  VStack,
+  ButtonGroup,
+  Checkbox,
+  Input,
+} from '@chakra-ui/react';
+import {
+  ArrowDownUp,
+  ChevronRight,
+  ChevronLeft,
+  Funnel,
+  Mail,
+  CircleCheck,
+  Search,
+} from 'lucide-react';
+import { formatDate } from '@utils/utils';
+import ApiClient from '@api/apiClient';
+import { Order, OrderStatus } from '../types/types';
+import OrderDetailsModal from '@components/forms/orderDetailsModal';
+
+const AdminOrderManagement: React.FC = () => {
+  const [statusOrders, setStatusOrders] = useState<Record<string, Order[]>>({});
+  const [selectedOrderId, setSelectedOrderId] = useState<number | null>(null);
+  const [currentPages, setCurrentPages] = useState<Record<string, number>>({});
+
+  const STATUS_ORDER = [
+    OrderStatus.PENDING,
+    OrderStatus.SHIPPED,
+    OrderStatus.DELIVERED,
+  ];
+
+  const STATUS_COLORS = new Map<OrderStatus, [string, string]>([
+    [OrderStatus.PENDING, ['#FEECD1', '#9C5D00']],
+    [OrderStatus.SHIPPED, ['#D5DCDF', '#2B4E60']],
+    [OrderStatus.DELIVERED, ['#D4EAED', '#19717D']],
+  ]);
+
+  const MAX_PER_STATUS = 5;
+
+  useEffect(() => {
+    const fetchOrders = async () => {
+      try {
+        const data = await ApiClient.getAllOrders();
+
+        const grouped: Record<string, Order[]> = {};
+
+        for (const order of data) {
+          const status = order.status;
+          if (!grouped[status]) grouped[status] = [];
+          grouped[status].push(order);
+        }
+
+        setStatusOrders(grouped);
+
+        // Initialize current page for each status
+        const initialPages: Record<string, number> = {};
+        STATUS_ORDER.forEach((status) => {
+          initialPages[status] = 1;
+        });
+        setCurrentPages(initialPages);
+      } catch (error) {
+        alert('Error fetching orders: ' + error);
+      }
+    };
+
+    fetchOrders();
+  }, []);
+
+  const handlePageChange = (status: string, page: number) => {
+    setCurrentPages((prev) => ({
+      ...prev,
+      [status]: page,
+    }));
+  };
+
+  return (
+    <Box p={12}>
+      <Heading textStyle="h1" color="gray.600" mb={8}>
+        Order Management
+      </Heading>
+
+      {STATUS_ORDER.map((status) => {
+        const allOrders = statusOrders[status] || [];
+        const currentPage = currentPages[status] || 1;
+        const displayedOrders = allOrders.slice(
+          (currentPage - 1) * MAX_PER_STATUS,
+          currentPage * MAX_PER_STATUS,
+        );
+        const totalPages = Math.ceil(allOrders.length / MAX_PER_STATUS);
+
+        return (
+          <Box
+            key={status}
+            mb={12}
+            position="relative"
+            minHeight={totalPages > 1 ? '380px' : 'auto'}
+          >
+            <OrderTableSection
+              orders={allOrders.length > 0 ? displayedOrders : []}
+              status={status}
+              colors={STATUS_COLORS.get(status)!}
+              selectedOrderId={selectedOrderId}
+              onOrderSelect={setSelectedOrderId}
+            />
+
+            {totalPages > 1 && (
+              <Box position="absolute" bottom="-12" left="0" right="0">
+                <Pagination.Root
+                  count={allOrders.length}
+                  pageSize={MAX_PER_STATUS}
+                  page={currentPage}
+                  onPageChange={(e: { page: number }) =>
+                    handlePageChange(status, e.page)
+                  }
+                >
+                  <ButtonGroup
+                    display="flex"
+                    justifyContent="center"
+                    alignItems="center"
+                    variant="outline"
+                    size="sm"
+                  >
+                    <Pagination.PrevTrigger
+                      color="neutral.800"
+                      _hover={{ color: 'black' }}
+                      disabled={currentPage === 1}
+                    >
+                      <ChevronLeft
+                        size={16}
+                        style={{
+                          cursor: currentPage !== 1 ? 'pointer' : 'default',
+                        }}
+                      />
+                    </Pagination.PrevTrigger>
+
+                    <Pagination.Items
+                      render={(page) => (
+                        <IconButton
+                          borderColor={{
+                            base: 'neutral.100',
+                            _selected: 'neutral.600',
+                          }}
+                        >
+                          {page.value}
+                        </IconButton>
+                      )}
+                    />
+
+                    <Pagination.NextTrigger
+                      color="neutral.800"
+                      _hover={{ color: 'black' }}
+                      disabled={currentPage === totalPages}
+                    >
+                      <ChevronRight
+                        size={16}
+                        style={{
+                          cursor:
+                            currentPage !== totalPages ? 'pointer' : 'default',
+                        }}
+                      />
+                    </Pagination.NextTrigger>
+                  </ButtonGroup>
+                </Pagination.Root>
+              </Box>
+            )}
+          </Box>
+        );
+      })}
+    </Box>
+  );
+};
+
+interface OrderTableSectionProps {
+  orders: Order[];
+  status: string;
+  colors: string[];
+  onOrderSelect: (orderId: number | null) => void;
+  selectedOrderId: number | null;
+}
+
+const OrderTableSection: React.FC<OrderTableSectionProps> = ({
+  orders,
+  status,
+  colors,
+  onOrderSelect,
+  selectedOrderId,
+}) => {
+  const [isFilterOpen, setIsFilterOpen] = useState(false);
+  const [isSortOpen, setIsSortOpen] = useState(false);
+  const [selectedPantries, setSelectedPantries] = useState<string[]>([]);
+  const [searchPantry, setSearchPantry] = useState('');
+  const [sortAsc, setSortAsc] = useState(true);
+
+  const ASSIGNEE_COLORS = ['yellow', 'red', 'cyan', 'blue.ssf'];
+
+  const pantryOptions = [
+    ...new Set(orders.map((o) => o.pantry.pantryName)),
+  ].sort((a, b) => a.localeCompare(b));
+
+  const handleFilterChange = (pantry: string, checked: boolean) => {
+    setSelectedPantries((prev) =>
+      checked ? [...prev, pantry] : prev.filter((p) => p !== pantry),
+    );
+  };
+
+  const filteredOrders = orders
+    .filter(
+      (o) =>
+        selectedPantries.length === 0 ||
+        selectedPantries.includes(o.pantry.pantryName),
+    )
+    .sort((a, b) =>
+      sortAsc
+        ? a.createdAt.localeCompare(b.createdAt)
+        : b.createdAt.localeCompare(a.createdAt),
+    );
+
+  const tableHeaderStyles = {
+    borderBottom: '1px solid',
+    borderColor: 'neutral.100',
+    color: 'neutral.800',
+    fontFamily: 'ibm',
+    fontWeight: '600',
+    fontSize: 'sm',
+  };
+
+  const tableCellStyles = {
+    borderBottom: '1px solid',
+    borderColor: 'neutral.100',
+    color: 'black',
+    fontFamily: "'Inter', sans-serif",
+    fontSize: 'sm',
+    py: 0,
+  };
+
+  return (
+    <Box>
+      <Box
+        display="inline-flex"
+        alignItems="center"
+        justifyContent="space-between"
+        backgroundColor={colors[0]}
+        p={3}
+        borderRadius="md"
+        minW="fit-content"
+      >
+        <Mail size={18} />
+        <Box
+          ml={3}
+          fontFamily="ibm"
+          fontSize="14px"
+          fontWeight="semibold"
+          color="neutral.700"
+        >
+          {status.charAt(0).toUpperCase() + status.slice(1)}
+        </Box>
+      </Box>
+
+      {orders.length === 0 ? (
+        <Box
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          textAlign="center"
+          fontFamily="'Inter', sans-serif"
+          fontSize="sm"
+          color="neutral.600"
+          py={10}
+          gap={2}
+        >
+          <Box mb={2}>
+            <CircleCheck size={24} color="#262626" />
+          </Box>
+          <Box fontWeight="600" fontSize="lg" color="neutral.800">
+            No Orders
+          </Box>
+          <Box color="neutral.700" fontWeight="400">
+            You have no {status.toLowerCase()} orders at this time.
+          </Box>
+        </Box>
+      ) : (
+        <>
+          <Box
+            display="flex"
+            justifyContent="flex-end"
+            alignItems="center"
+            mb={3}
+            position="relative"
+            fontFamily="'Inter', sans-serif"
+            gap={3}
+          >
+            <Box position="relative">
+              <Button
+                onClick={() => setIsFilterOpen(!isFilterOpen)}
+                variant="outline"
+                color="neutral.800"
+                fontWeight="semibold"
+                border="1px solid"
+                borderColor="neutral.200"
+                size="sm"
+                p={3}
+              >
+                <Funnel />
+                Filter
+              </Button>
+
+              {isFilterOpen && (
+                <>
+                  <Box
+                    position="fixed"
+                    top={0}
+                    left={0}
+                    right={0}
+                    bottom={0}
+                    onClick={() => setIsFilterOpen(false)}
+                    zIndex={10}
+                  />
+                  <Box
+                    position="absolute"
+                    top="100%"
+                    right={0}
+                    mt={2}
+                    bg="white"
+                    border="1px solid"
+                    borderColor="gray.200"
+                    borderRadius="md"
+                    boxShadow="lg"
+                    p={4}
+                    minW="275px"
+                    maxH="200px"
+                    overflowY="auto"
+                    zIndex={20}
+                  >
+                    <Box position="relative" mb={1} pl={0} ml={-2} mt={-2}>
+                      <Search
+                        size={18}
+                        color="#B8B8B8"
+                        style={{
+                          position: 'absolute',
+                          top: '50%',
+                          left: 8,
+                          transform: 'translateY(-50%)',
+                        }}
+                      />
+                      <Input
+                        placeholder="Search"
+                        color={searchPantry ? 'neutral.800' : 'neutral.300'}
+                        value={searchPantry}
+                        onChange={(e) => setSearchPantry(e.target.value)}
+                        fontSize="sm"
+                        pl="30px"
+                        border="none"
+                        bg="transparent"
+                        _focus={{
+                          boxShadow: 'none',
+                          border: 'none',
+                          outline: 'none',
+                        }}
+                      />
+                    </Box>
+                    <VStack
+                      align="stretch"
+                      fontSize="12px"
+                      fontFamily="Inter"
+                      color="neutral.800"
+                      fontWeight="500"
+                      gap={2}
+                    >
+                      {pantryOptions
+                        .filter((pantry) =>
+                          pantry
+                            .toLowerCase()
+                            .includes(searchPantry.toLowerCase()),
+                        )
+                        .map((pantry) => (
+                          <Checkbox.Root
+                            key={pantry}
+                            checked={selectedPantries.includes(pantry)}
+                            onCheckedChange={(e: { checked: boolean }) =>
+                              handleFilterChange(pantry, !!e.checked)
+                            }
+                            size="md"
+                          >
+                            <Checkbox.HiddenInput />
+                            <Checkbox.Control borderRadius="sm" />
+                            <Checkbox.Label>{pantry}</Checkbox.Label>
+                          </Checkbox.Root>
+                        ))}
+                    </VStack>
+                  </Box>
+                </>
+              )}
+            </Box>
+
+            <Box position="relative">
+              <Button
+                onClick={() => setIsSortOpen(!isSortOpen)}
+                variant="outline"
+                color="neutral.800"
+                fontWeight="semibold"
+                border="1px solid"
+                borderColor="neutral.200"
+                p={3}
+                size="sm"
+              >
+                <ArrowDownUp />
+                Sort
+              </Button>
+
+              {isSortOpen && (
+                <>
+                  <Box
+                    position="fixed"
+                    top={0}
+                    left={0}
+                    right={0}
+                    bottom={0}
+                    onClick={() => setIsSortOpen(false)}
+                    zIndex={10}
+                  />
+                  <Box
+                    position="absolute"
+                    top="100%"
+                    right={0}
+                    mt={2}
+                    bg="white"
+                    border="1px solid"
+                    borderColor="gray.200"
+                    borderRadius="md"
+                    boxShadow="lg"
+                    p={2}
+                    minW="120px"
+                    zIndex={20}
+                  >
+                    <VStack
+                      align="stretch"
+                      color="neutral.800"
+                      gap={1}
+                      fontSize="12px"
+                      fontFamily="Inter"
+                      fontWeight="500"
+                    >
+                      <Box
+                        cursor="pointer"
+                        px={2}
+                        py={1}
+                        _hover={{ bg: 'gray.100' }}
+                        onClick={() => {
+                          setSortAsc(false);
+                          setIsSortOpen(false);
+                        }}
+                      >
+                        Newest
+                      </Box>
+                      <Box
+                        cursor="pointer"
+                        px={2}
+                        py={1}
+                        _hover={{ bg: 'gray.100' }}
+                        onClick={() => {
+                          setSortAsc(true);
+                          setIsSortOpen(false);
+                        }}
+                      >
+                        Oldest
+                      </Box>
+                    </VStack>
+                  </Box>
+                </>
+              )}
+            </Box>
+          </Box>
+          <Table.Root>
+            <Table.Header>
+              <Table.Row>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="10%"
+                >
+                  Order #
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="25%"
+                >
+                  Pantry
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="15%"
+                >
+                  Assignee
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  borderRight="1px solid"
+                  borderRightColor="neutral.100"
+                  width="15%"
+                >
+                  Status
+                </Table.ColumnHeader>
+                <Table.ColumnHeader
+                  {...tableHeaderStyles}
+                  textAlign="right"
+                  width="25%"
+                >
+                  Date Started
+                </Table.ColumnHeader>
+              </Table.Row>
+            </Table.Header>
+            <Table.Body>
+              {filteredOrders.map((order, index) => (
+                <Table.Row
+                  key={`${order.orderId}-${index}`}
+                  _hover={{ bg: 'gray.50' }}
+                >
+                  <Table.Cell
+                    {...tableCellStyles}
+                    borderRight="1px solid"
+                    borderRightColor="neutral.100"
+                  >
+                    <Button
+                      variant="plain"
+                      fontWeight="400"
+                      textDecoration="underline"
+                      onClick={() => onOrderSelect(order.orderId)}
+                    >
+                      {order.orderId}
+                    </Button>
+                    {selectedOrderId === order.orderId && (
+                      <OrderDetailsModal
+                        order={order}
+                        isOpen={true}
+                        onClose={() => onOrderSelect(null)}
+                      />
+                    )}
+                  </Table.Cell>
+                  <Table.Cell
+                    {...tableCellStyles}
+                    borderRight="1px solid"
+                    borderRightColor="neutral.100"
+                  >
+                    {order.pantry.pantryName}
+                  </Table.Cell>
+                  <Table.Cell
+                    {...tableCellStyles}
+                    borderRight="1px solid"
+                    borderRightColor="neutral.100"
+                  >
+                    <Box
+                      direction="row"
+                      display="flex"
+                      alignItems="center"
+                      justifyContent="center"
+                    >
+                      {order.pantry.volunteers &&
+                      order.pantry.volunteers.length > 0 ? (
+                        <Box
+                          key={index}
+                          borderRadius="full"
+                          bg={ASSIGNEE_COLORS[index % ASSIGNEE_COLORS.length]}
+                          width="33px"
+                          height="33px"
+                          display="flex"
+                          alignItems="center"
+                          justifyContent="center"
+                          color="white"
+                          p={2}
+                        >
+                          {/* TODO: Change logic later to only get one volunteer */}
+                          {order.pantry.volunteers[0].firstName
+                            .charAt(0)
+                            .toUpperCase()}
+                          {order.pantry.volunteers[0].lastName
+                            .charAt(0)
+                            .toUpperCase()}
+                        </Box>
+                      ) : (
+                        <Box>No Assignees</Box>
+                      )}
+                    </Box>
+                  </Table.Cell>
+                  <Table.Cell
+                    {...tableCellStyles}
+                    borderRight="1px solid"
+                    borderRightColor="neutral.100"
+                  >
+                    <Box
+                      borderRadius="md"
+                      bg={colors[0]}
+                      color={colors[1]}
+                      display="inline-block"
+                      fontWeight="500"
+                      my={2}
+                      py={1}
+                      px={3}
+                    >
+                      {order.status.charAt(0).toUpperCase() +
+                        order.status.slice(1)}
+                    </Box>
+                  </Table.Cell>
+                  <Table.Cell
+                    {...tableCellStyles}
+                    textAlign="right"
+                    color="neutral.700"
+                  >
+                    {formatDate(order.createdAt)}
+                  </Table.Cell>
+                </Table.Row>
+              ))}
+            </Table.Body>
+          </Table.Root>
+        </>
+      )}
+    </Box>
+  );
+};
+
+export default AdminOrderManagement;
diff --git a/apps/frontend/src/containers/homepage.tsx b/apps/frontend/src/containers/homepage.tsx
index a753762b..a7d78441 100644
--- a/apps/frontend/src/containers/homepage.tsx
+++ b/apps/frontend/src/containers/homepage.tsx
@@ -115,6 +115,13 @@ const Homepage: React.FC = () => {
                 </RouterLink>
               </Link>
             </ListItem>
+            <ListItem textAlign="center">
+              <Link asChild color="teal.500">
+                <RouterLink to="/admin-order-management">
+                  Order Management
+                </RouterLink>
+              </Link>
+            </ListItem>
           </List.Root>
         </Box>
 
diff --git a/apps/frontend/src/main.tsx b/apps/frontend/src/main.tsx
index 10110223..7f571895 100644
--- a/apps/frontend/src/main.tsx
+++ b/apps/frontend/src/main.tsx
@@ -14,4 +14,4 @@ root.render(
       <App />
     </ChakraProvider>
   </StrictMode>,
-);
\ No newline at end of file
+);
diff --git a/apps/frontend/src/theme.ts b/apps/frontend/src/theme.ts
index bcea681f..56769285 100644
--- a/apps/frontend/src/theme.ts
+++ b/apps/frontend/src/theme.ts
@@ -1,4 +1,9 @@
-import { createSystem, defaultConfig, defineConfig, defineTextStyles } from '@chakra-ui/react';
+import {
+  createSystem,
+  defaultConfig,
+  defineConfig,
+  defineTextStyles,
+} from '@chakra-ui/react';
 
 const textStyles = defineTextStyles({
   body: {
@@ -57,16 +62,13 @@ const customConfig = defineConfig({
       colors: {
         white: { value: '#fff' },
         black: { value: '#000' },
-        blue: { 
+        blue: {
           ssf: { value: '#2B5061' },
           100: { value: '#bee3f8' },
         },
         red: { value: '#CC3538' },
         yellow: { value: '#F89E19' },
         cyan: { value: '#2795A5' },
-        teal: {
-          400: { value: '#A9D5DB' },
-        },
         neutral: {
           50: { value: '#FAFAFA' },
           100: { value: '#E7E7E7' },
@@ -77,14 +79,14 @@ const customConfig = defineConfig({
           800: { value: '#414141' },
           900: { value: '#212529' },
         },
-        gray: { 
+        gray: {
           light: { value: '#515151' },
           dark: { value: '#111' },
         },
         teal: {
           400: { value: '#A9D5DB' },
           100: { value: '#E9F4F6' },
-        }
+        },
       },
       fonts: {
         instrument: { value: `'Instrument Serif', serif` },
@@ -100,10 +102,10 @@ const customConfig = defineConfig({
     'h1, h2, h3, h4, h5, h6': {
       fontFamily: 'heading',
     },
-    'body': {
-      bg: '#FAFAFA',
+    body: {
+      bg: '#FFF',
     },
   },
 });
 
-export const system = createSystem(defaultConfig, customConfig); 
\ No newline at end of file
+export const system = createSystem(defaultConfig, customConfig);
diff --git a/apps/frontend/src/types/types.ts b/apps/frontend/src/types/types.ts
index 3925c28f..44503bdb 100644
--- a/apps/frontend/src/types/types.ts
+++ b/apps/frontend/src/types/types.ts
@@ -158,15 +158,15 @@ export interface FoodRequest {
 
 export interface Order {
   orderId: number;
+  pantry: Pantry;
+  request: FoodRequest;
   requestId: number;
-  pantryId: number;
-  foodManufacturer: FoodManufacturer;
+  foodManufacturer: FoodManufacturer | null;
   shippedBy: number | null;
   status: OrderStatus;
   createdAt: string;
-  shippedAt: string;
-  deliveredAt: string;
-  donationId: number;
+  shippedAt: string | null;
+  deliveredAt: string | null;
 }
 
 export interface FoodManufacturer {