diff --git a/apps/backend/src/donationItems/donationItems.controller.ts b/apps/backend/src/donationItems/donationItems.controller.ts
index 6435dd9ca..0ee59ce09 100644
--- a/apps/backend/src/donationItems/donationItems.controller.ts
+++ b/apps/backend/src/donationItems/donationItems.controller.ts
@@ -6,7 +6,6 @@ import {
   Get,
   Patch,
   ParseIntPipe,
-  BadRequestException,
 } from '@nestjs/common';
 import { ApiBody } from '@nestjs/swagger';
 import { DonationItemsService } from './donationItems.service';
@@ -19,8 +18,8 @@ import { CreateMultipleDonationItemsDto } from './dtos/create-donation-items.dto
 export class DonationItemsController {
   constructor(private donationItemsService: DonationItemsService) {}
 
-  @Get('/get-donation-items/:donationId')
-  async getAllDonationIdItems(
+  @Get('/:donationId/all')
+  async getAllDonationItemsForDonation(
     @Param('donationId', ParseIntPipe) donationId: number,
   ): Promise<DonationItem[]> {
     return this.donationItemsService.getAllDonationItems(donationId);
diff --git a/apps/backend/src/orders/order.controller.ts b/apps/backend/src/orders/order.controller.ts
index e075e9857..4adb1c3e0 100644
--- a/apps/backend/src/orders/order.controller.ts
+++ b/apps/backend/src/orders/order.controller.ts
@@ -1,7 +1,6 @@
 import {
   Controller,
   Get,
-  Post,
   Patch,
   Param,
   ParseIntPipe,
diff --git a/apps/frontend/src/api/apiClient.ts b/apps/frontend/src/api/apiClient.ts
index 25a96a7ba..6d914e95c 100644
--- a/apps/frontend/src/api/apiClient.ts
+++ b/apps/frontend/src/api/apiClient.ts
@@ -200,9 +200,9 @@ export class ApiClient {
   public async getDonationItemsByDonationId(
     donationId: number,
   ): Promise<DonationItem[]> {
-    return this.get(
-      `/api/donation-items/get-donation-items/${donationId}`,
-    ) as Promise<DonationItem[]>;
+    return this.get(`/api/donation-items/${donationId}/all`) as Promise<
+      DonationItem[]
+    >;
   }
 
   public async getManufacturerFromOrder(
diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
index c844de298..a49dde7b3 100644
--- a/apps/frontend/src/app.tsx
+++ b/apps/frontend/src/app.tsx
@@ -13,6 +13,7 @@ import PantryApplication from '@containers/pantryApplication';
 import ApplicationSubmitted from '@containers/applicationSubmitted';
 import { submitPantryApplicationForm } from '@components/forms/pantryApplicationForm';
 import ApprovePantries from '@containers/approvePantries';
+import ApplicationDetails from '@containers/applicationDetails';
 import VolunteerManagement from '@containers/volunteerManagement';
 import FoodManufacturerOrderDashboard from '@containers/foodManufacturerOrderDashboard';
 import AdminDonation from '@containers/adminDonation';
@@ -174,6 +175,14 @@ const router = createBrowserRouter([
           </ProtectedRoute>
         ),
       },
+      {
+        path: '/application-details/:applicationId',
+        element: (
+          <ProtectedRoute>
+            <ApplicationDetails />
+          </ProtectedRoute>
+        ),
+      },
       {
         path: '/admin-donation',
         element: (
diff --git a/apps/frontend/src/components/floatingAlert.tsx b/apps/frontend/src/components/floatingAlert.tsx
index 0257b0b36..5eb71eaa1 100644
--- a/apps/frontend/src/components/floatingAlert.tsx
+++ b/apps/frontend/src/components/floatingAlert.tsx
@@ -5,12 +5,14 @@ type FloatingAlertProps = {
   message?: string | null;
   status?: 'info' | 'error';
   timeout?: number;
+  onClose?: () => void;
 };
 
 export function FloatingAlert({
   message,
   status,
   timeout,
+  onClose,
 }: FloatingAlertProps) {
   const [visible, setVisible] = useState(!!message);
 
@@ -26,10 +28,11 @@ export function FloatingAlert({
 
     const timer = setTimeout(() => {
       setVisible(false);
+      onClose?.();
     }, timeout);
 
     return () => clearTimeout(timer);
-  }, [message, timeout]);
+  }, [message, timeout, onClose]);
 
   if (!message || !visible) return null;
 
diff --git a/apps/frontend/src/components/forms/confirmPantryDecisionModal.tsx b/apps/frontend/src/components/forms/confirmPantryDecisionModal.tsx
new file mode 100644
index 000000000..d847f2e8a
--- /dev/null
+++ b/apps/frontend/src/components/forms/confirmPantryDecisionModal.tsx
@@ -0,0 +1,87 @@
+import { Dialog, Text, Box, Button, CloseButton } from '@chakra-ui/react';
+
+interface ConfirmPantryDecisionModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+  decision: string;
+  pantryName: string;
+  dateApplied: string;
+}
+
+const ConfirmPantryDecisionModal: React.FC<ConfirmPantryDecisionModalProps> = ({
+  isOpen,
+  onClose,
+  onConfirm,
+  decision,
+  pantryName,
+  dateApplied,
+}) => {
+  return (
+    <Dialog.Root
+      open={isOpen}
+      onOpenChange={(e: { open: boolean }) => !e.open && onClose()}
+    >
+      <Dialog.Backdrop />
+      <Dialog.Positioner>
+        <Dialog.Content maxW="500px">
+          <Dialog.Header pb={0}>
+            <Dialog.Title fontSize="lg" fontWeight={600}>
+              Confirm Action
+            </Dialog.Title>
+          </Dialog.Header>
+
+          <Dialog.Body pb={4}>
+            <Text mb={4} color="gray.dark">
+              Are you sure you want to {decision} this application?
+            </Text>
+
+            <Box
+              p={6}
+              borderRadius="md"
+              border="1px solid"
+              borderColor="neutral.100"
+            >
+              <Text textStyle="p2">{pantryName}</Text>
+              <Text textStyle="p3" color="neutral.600">
+                Applied {dateApplied}
+              </Text>
+            </Box>
+            <Dialog.CloseTrigger asChild>
+              <CloseButton />
+            </Dialog.CloseTrigger>
+          </Dialog.Body>
+
+          <Dialog.Footer gap={2}>
+            <Button
+              variant="outline"
+              onClick={onClose}
+              borderColor="neutral.200"
+              color="neutral.800"
+              textStyle="p2"
+              fontWeight={600}
+            >
+              Cancel
+            </Button>
+            <Button
+              bg="blue.hover"
+              color="white"
+              onClick={() => {
+                onConfirm();
+                onClose();
+              }}
+              _hover={{ bg: 'neutral.800' }}
+              px={12}
+              textStyle="p2"
+              fontWeight={600}
+            >
+              {decision.charAt(0).toUpperCase() + decision.slice(1)}
+            </Button>
+          </Dialog.Footer>
+        </Dialog.Content>
+      </Dialog.Positioner>
+    </Dialog.Root>
+  );
+};
+
+export default ConfirmPantryDecisionModal;
diff --git a/apps/frontend/src/components/forms/donationDetailsModal.tsx b/apps/frontend/src/components/forms/donationDetailsModal.tsx
index 389fd2537..66b98e4dc 100644
--- a/apps/frontend/src/components/forms/donationDetailsModal.tsx
+++ b/apps/frontend/src/components/forms/donationDetailsModal.tsx
@@ -39,8 +39,8 @@ const DonationDetailsModal: React.FC<DonationDetailsModalProps> = ({
         );
 
         setItems(itemsData);
-      } catch (err) {
-        setAlertMessage('Error fetching donation details: ' + err);
+      } catch {
+        setAlertMessage('Error fetching donation details');
       }
     };
 
diff --git a/apps/frontend/src/components/forms/manufacturerApplicationForm.tsx b/apps/frontend/src/components/forms/manufacturerApplicationForm.tsx
index 38c59bcb1..076cb6c51 100644
--- a/apps/frontend/src/components/forms/manufacturerApplicationForm.tsx
+++ b/apps/frontend/src/components/forms/manufacturerApplicationForm.tsx
@@ -715,7 +715,6 @@ export const submitManufacturerApplicationForm: ActionFunction = async ({
         );
       } else {
         alert('Form submission failed; please try again');
-        console.log(error);
       }
     },
   );
diff --git a/apps/frontend/src/components/forms/newDonationFormModal.tsx b/apps/frontend/src/components/forms/newDonationFormModal.tsx
index 91ad1472f..b960ee561 100644
--- a/apps/frontend/src/components/forms/newDonationFormModal.tsx
+++ b/apps/frontend/src/components/forms/newDonationFormModal.tsx
@@ -199,7 +199,6 @@ const NewDonationFormModal: React.FC<NewDonationFormModalProps> = ({
 
     try {
       const donationResponse = await ApiClient.postDonation(donation_body);
-      console.log('Submitted donation');
       const donationId = donationResponse?.donationId;
 
       if (donationId) {
diff --git a/apps/frontend/src/components/forms/orderDetailsModal.tsx b/apps/frontend/src/components/forms/orderDetailsModal.tsx
index ce5e22f11..83178d80d 100644
--- a/apps/frontend/src/components/forms/orderDetailsModal.tsx
+++ b/apps/frontend/src/components/forms/orderDetailsModal.tsx
@@ -29,8 +29,8 @@ const OrderDetailsModal: React.FC<OrderDetailsModalProps> = ({
             order.orderId,
           );
           setFoodRequest(foodRequestData);
-        } catch (error) {
-          setAlertMessage('Error fetching food request details:' + error);
+        } catch {
+          setAlertMessage('Error fetching food request details');
         }
       };
 
diff --git a/apps/frontend/src/components/forms/pantryApplicationModal.tsx b/apps/frontend/src/components/forms/pantryApplicationModal.tsx
index 4c973fd67..ede50a2e6 100644
--- a/apps/frontend/src/components/forms/pantryApplicationModal.tsx
+++ b/apps/frontend/src/components/forms/pantryApplicationModal.tsx
@@ -66,32 +66,32 @@ const PantryApplicationModal: React.FC<PantryApplicationModalProps> = ({
               <GridItem>
                 <Text fontWeight="bold">Shipping Address Line 1</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressLine1}</GridItem>
+              <GridItem>{pantry.shipmentAddressLine1}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Shipping Address Line 2</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressLine2 ?? ''}</GridItem>
+              <GridItem>{pantry.shipmentAddressLine2 ?? ''}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Shipping Address City</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressCity}</GridItem>
+              <GridItem>{pantry.shipmentAddressCity}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Shipping Address State</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressState}</GridItem>
+              <GridItem>{pantry.shipmentAddressState}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Shipping Address Zip</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressZip}</GridItem>
+              <GridItem>{pantry.shipmentAddressZip}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Shipping Address Country</Text>
               </GridItem>
-              <GridItem>{pantry.shippingAddressCountry ?? ''}</GridItem>
+              <GridItem>{pantry.shipmentAddressCountry ?? ''}</GridItem>
 
               <GridItem>
                 <Text fontWeight="bold">Allergen Clients</Text>
diff --git a/apps/frontend/src/components/forms/requestFormModal.tsx b/apps/frontend/src/components/forms/requestFormModal.tsx
index 07216c6a3..68f6f0cc0 100644
--- a/apps/frontend/src/components/forms/requestFormModal.tsx
+++ b/apps/frontend/src/components/forms/requestFormModal.tsx
@@ -70,7 +70,7 @@ const FoodRequestFormModal: React.FC<FoodRequestFormModalProps> = ({
 
     try {
       await apiClient.createFoodRequest(foodRequestData);
-      setAlert({ isError: false, message: 'Request Submitted' });
+      setAlert({ isError: false, message: 'Request submitted' });
       onClose();
       onSuccess();
     } catch {
@@ -91,7 +91,12 @@ const FoodRequestFormModal: React.FC<FoodRequestFormModalProps> = ({
         <FloatingAlert message={alert.message} status="error" timeout={6000} />
       )}
       {alert.message && !alert.isError && (
-        <FloatingAlert message={alert.message} status="info" timeout={6000} />
+        <FloatingAlert
+          message={alert.message}
+          status="info"
+          timeout={6000}
+          onClose={() => setAlert({ isError: true, message: '' })}
+        />
       )}
       <Dialog.Backdrop />
       <Dialog.Positioner>
diff --git a/apps/frontend/src/components/forms/resetPasswordModal.tsx b/apps/frontend/src/components/forms/resetPasswordModal.tsx
index 8649a9174..58939ec43 100644
--- a/apps/frontend/src/components/forms/resetPasswordModal.tsx
+++ b/apps/frontend/src/components/forms/resetPasswordModal.tsx
@@ -26,16 +26,16 @@ const ResetPasswordModal: React.FC = () => {
     try {
       await resetPassword({ username: email });
       setStep('new');
-    } catch (error) {
-      setAlertMessage('Failed to send verification code: ' + error);
+    } catch {
+      setAlertMessage('Failed to send verification code');
     }
   };
 
   const handleResendCode = async () => {
     try {
       await resetPassword({ username: email });
-    } catch (error) {
-      setAlertMessage('Failed to send verification code: ' + error);
+    } catch {
+      setAlertMessage('Failed to send verification code');
     }
   };
 
@@ -57,8 +57,8 @@ const ResetPasswordModal: React.FC = () => {
         newPassword: password,
       });
       navigate('/login');
-    } catch (error) {
-      setAlertMessage('Failed to set new password: ' + error);
+    } catch {
+      setAlertMessage('Failed to set new password');
     }
   };
 
diff --git a/apps/frontend/src/containers/adminDonation.tsx b/apps/frontend/src/containers/adminDonation.tsx
index 9c9a761f3..ef7851009 100644
--- a/apps/frontend/src/containers/adminDonation.tsx
+++ b/apps/frontend/src/containers/adminDonation.tsx
@@ -36,8 +36,8 @@ const AdminDonation: React.FC = () => {
       try {
         const data = await ApiClient.getAllDonations();
         setDonations(data);
-      } catch (error) {
-        setAlertMessage('Error fetching donations: ' + error);
+      } catch {
+        setAlertMessage('Error fetching donations');
       }
     };
     fetchDonations();
diff --git a/apps/frontend/src/containers/applicationDetails.tsx b/apps/frontend/src/containers/applicationDetails.tsx
new file mode 100644
index 000000000..a878232cf
--- /dev/null
+++ b/apps/frontend/src/containers/applicationDetails.tsx
@@ -0,0 +1,466 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { useParams, useNavigate, Link } from 'react-router-dom';
+import {
+  Box,
+  Grid,
+  GridItem,
+  Text,
+  Button,
+  Heading,
+  VStack,
+  HStack,
+  Spinner,
+} from '@chakra-ui/react';
+import ApiClient from '@api/apiClient';
+import { Pantry } from 'types/types';
+import { formatDate, formatPhone } from '@utils/utils';
+import { TagGroup } from '@components/forms/tagGroup';
+import { FileX, TriangleAlert, WifiOff } from 'lucide-react';
+import { AxiosError } from 'axios';
+import { FloatingAlert } from '@components/floatingAlert';
+import ConfirmPantryDecisionModal from '@components/forms/confirmPantryDecisionModal';
+
+interface EmptyStateProps {
+  icon: React.ReactNode;
+  title: string;
+  subtitle?: string;
+}
+
+const EmptyState: React.FC<EmptyStateProps> = ({ icon, title, subtitle }) => {
+  return (
+    <Box minH="100vh" p={8} mb={8}>
+      <Box maxW="1200px" mx="auto">
+        <Heading as="h1" textStyle="h1" color="gray.light" mb={8}>
+          Application Details
+        </Heading>
+
+        <Box
+          bg="white"
+          borderRadius="6px"
+          border="1px solid"
+          borderColor="neutral.100"
+          p={64}
+          boxShadow="sm"
+          display="flex"
+          alignItems="center"
+          flexDirection="column"
+          justifyContent="center"
+          textAlign="center"
+          gap={4}
+        >
+          {icon}
+          <Heading textStyle="p" fontWeight={600}>
+            {title}
+          </Heading>
+          {subtitle && (
+            <Text textStyle="p2" color="neutral.800">
+              {subtitle}
+            </Text>
+          )}
+          <Button
+            bg="blue.hover"
+            color="white"
+            px={6}
+            _hover={{ bg: 'neutral.800' }}
+            textStyle="p2"
+            fontWeight={600}
+          >
+            <Link to="/approve-pantries">Return to applications</Link>
+          </Button>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+const ApplicationDetails: React.FC = () => {
+  const { applicationId } = useParams<{ applicationId: string }>();
+  const navigate = useNavigate();
+  const [application, setApplication] = useState<Pantry | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<{
+    isNetwork: boolean;
+    message: string;
+  }>({
+    isNetwork: false,
+    message: '',
+  });
+  const [alertMessage, setAlertMessage] = useState<string>('');
+  const [showApproveModal, setShowApproveModal] = useState<boolean>(false);
+  const [showDenyModal, setShowDenyModal] = useState<boolean>(false);
+
+  const fieldContentStyles = {
+    textStyle: 'p2',
+    color: 'gray.light',
+    lineHeight: '1.2',
+  };
+
+  const headerStyles = {
+    textStyle: 'p2',
+    color: 'neutral.800',
+  };
+
+  const sectionHeaderStyles = {
+    ...headerStyles,
+    fontWeight: 600,
+  };
+
+  const fieldHeaderStyles = {
+    ...headerStyles,
+    fontWeight: 500,
+    mb: 1,
+  };
+
+  const fetchApplicationDetails = useCallback(async () => {
+    try {
+      setLoading(true);
+      if (!applicationId) {
+        setError({ isNetwork: false, message: 'Application ID not provided.' });
+        return;
+      } else if (isNaN(parseInt(applicationId))) {
+        setError({
+          isNetwork: false,
+          message: 'Application ID is not a number.',
+        });
+      }
+      const data = await ApiClient.getPantry(parseInt(applicationId, 10));
+      setApplication(data);
+    } catch (err: unknown) {
+      if (err instanceof AxiosError) {
+        if (err.response?.status !== 404 && err.response?.status !== 400) {
+          setError({
+            isNetwork: true,
+            message: 'Could not load application details.',
+          });
+        }
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [applicationId]);
+
+  useEffect(() => {
+    fetchApplicationDetails();
+  }, [fetchApplicationDetails]);
+
+  const handleApprove = async () => {
+    if (application) {
+      try {
+        await ApiClient.updatePantry(application.pantryId, 'approve');
+        navigate(
+          '/approve-pantries?action=approved&id=' + application.pantryId,
+        );
+      } catch {
+        setAlertMessage('Error approving application');
+      }
+    }
+  };
+
+  const handleDeny = async () => {
+    if (application) {
+      try {
+        await ApiClient.updatePantry(application.pantryId, 'deny');
+        navigate('/approve-pantries?action=denied&id=' + application.pantryId);
+      } catch {
+        setAlertMessage('Error denying application');
+      }
+    }
+  };
+
+  if (loading) {
+    return (
+      <EmptyState icon={<Spinner />} title="Loading application details..." />
+    );
+  }
+
+  if (error.message) {
+    return (
+      <EmptyState
+        icon={error.isNetwork ? <WifiOff /> : <TriangleAlert />}
+        title={error.message}
+        subtitle={error.isNetwork ? 'Please try again later.' : undefined}
+      />
+    );
+  }
+
+  if (!application) {
+    return (
+      <EmptyState
+        icon={<FileX />}
+        title="Application not found."
+        subtitle="Please try again later."
+      />
+    );
+  }
+
+  const pantryUser = application.pantryUser;
+
+  return (
+    <Box minH="100vh" p={8} mb={8}>
+      <Box maxW="1200px" mx="auto">
+        <Heading as="h1" textStyle="h1" color="gray.light" mb={8}>
+          Application Details
+        </Heading>
+
+        {alertMessage && (
+          <FloatingAlert
+            message={alertMessage}
+            status="error"
+            timeout={6000}
+            onClose={() => setAlertMessage('')}
+          />
+        )}
+
+        <Box
+          bg="white"
+          borderRadius="6px"
+          border="1px solid"
+          borderColor="neutral.100"
+          p={6}
+          boxShadow="sm"
+        >
+          <VStack align="stretch" gap={8}>
+            <Box>
+              <Heading fontSize="18px" fontWeight={600} mb={2}>
+                Application #{application.pantryId}
+              </Heading>
+              <Text textStyle="p2" color="gray.dark" mb={1}>
+                {application.pantryName}
+              </Text>
+              <Text textStyle="p3" color="neutral.600">
+                Applied {formatDate(application.dateApplied)}
+              </Text>
+            </Box>
+
+            <Grid templateColumns="repeat(2, 1fr)" gap={8}>
+              <GridItem>
+                <Heading {...sectionHeaderStyles} mb={2}>
+                  Point of Contact Information
+                </Heading>
+                <Text {...fieldContentStyles}>
+                  {pantryUser
+                    ? `${pantryUser.firstName} ${pantryUser.lastName}`
+                    : application.secondaryContactFirstName &&
+                      application.secondaryContactLastName
+                    ? `${application.secondaryContactFirstName} ${application.secondaryContactLastName}`
+                    : 'N/A'}
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {formatPhone(
+                    pantryUser?.phone ?? application.secondaryContactPhone,
+                  ) ?? 'N/A'}
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {pantryUser?.email ??
+                    application.secondaryContactEmail ??
+                    'N/A'}
+                </Text>
+              </GridItem>
+              <GridItem>
+                <Heading
+                  textStyle="p2"
+                  fontWeight={600}
+                  color="neutral.800"
+                  mb={2}
+                >
+                  Shipment Address
+                </Heading>
+                <Text {...fieldContentStyles}>
+                  {application.shipmentAddressLine1 ?? 'N/A'},
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.shipmentAddressCity ?? 'N/A'},{' '}
+                  {application.shipmentAddressState ?? 'N/A'}{' '}
+                  {application.shipmentAddressZip ?? ''}
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.shipmentAddressCountry === 'US'
+                    ? 'United States of America'
+                    : application.shipmentAddressCountry ?? 'N/A'}
+                </Text>
+              </GridItem>
+            </Grid>
+
+            <Box>
+              <Heading {...sectionHeaderStyles} mb={6}>
+                Pantry Details
+              </Heading>
+              <Grid templateColumns="repeat(2, 1fr)" gap={6}>
+                <GridItem>
+                  <Text {...fieldHeaderStyles}>Name</Text>
+                  <Text {...fieldContentStyles}>{application.pantryName}</Text>
+                </GridItem>
+                <GridItem>
+                  <Text {...fieldHeaderStyles}>Approximate # of Clients</Text>
+                  <Text {...fieldContentStyles}>
+                    {application.allergenClients}
+                  </Text>
+                </GridItem>
+              </Grid>
+            </Box>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>
+                Food Allergies and Restrictions
+              </Heading>
+              {application.restrictions &&
+              application.restrictions.length > 0 ? (
+                <TagGroup values={application.restrictions} />
+              ) : (
+                <Text textStyle="p2">None</Text>
+              )}
+            </Box>
+
+            <Grid templateColumns="1fr 2fr">
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  Accepts Refrigerated Donations?
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.refrigeratedDonation}
+                </Text>
+              </GridItem>
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  Willing to Reserve Donations for Allergen-Avoidant Individuals
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.reserveFoodForAllergic}
+                </Text>
+              </GridItem>
+            </Grid>
+
+            {application.reservationExplanation && (
+              <Box>
+                <Text {...fieldHeaderStyles}>Justification</Text>
+                <Text {...fieldContentStyles}>
+                  {application.reservationExplanation}
+                </Text>
+              </Box>
+            )}
+
+            <Grid templateColumns="repeat(2, 1fr)" gap={6}>
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  Dedicated section for allergy-friendly items?
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.dedicatedAllergyFriendly
+                    ? 'Yes, we have a dedicated shelf or box'
+                    : 'No'}
+                </Text>
+              </GridItem>
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  How Often Allergen-Avoidant Clients Visit
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.clientVisitFrequency ?? 'Not specified'}
+                </Text>
+              </GridItem>
+            </Grid>
+
+            <Grid templateColumns="repeat(2, 1fr)" gap={6}>
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  Confidence in Identifying the Top 9 Allergens
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.identifyAllergensConfidence ?? 'Not specified'}
+                </Text>
+              </GridItem>
+              <GridItem>
+                <Text {...fieldHeaderStyles}>
+                  Serves Allergen-Avoidant Children
+                </Text>
+                <Text {...fieldContentStyles}>
+                  {application.serveAllergicChildren ?? 'Not specified'}
+                </Text>
+              </GridItem>
+            </Grid>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>Open to SSF Activities</Heading>
+              {application.activities && application.activities.length > 0 ? (
+                <TagGroup values={application.activities} />
+              ) : (
+                <Text textStyle="p2">None</Text>
+              )}
+            </Box>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>Comments/Concerns</Heading>
+              <Text {...fieldContentStyles}>
+                {application.activitiesComments || '-'}
+              </Text>
+            </Box>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>
+                Allergen-free Items in Stock
+              </Heading>
+              <Text {...fieldContentStyles}>{application.itemsInStock}</Text>
+            </Box>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>Client Requests</Heading>
+              <Text {...fieldContentStyles}>{application.needMoreOptions}</Text>
+            </Box>
+
+            <Box>
+              <Heading {...fieldHeaderStyles}>Subscribed to Newsletter</Heading>
+              <Text {...fieldContentStyles}>
+                {application.newsletterSubscription ? 'Yes' : 'No'}
+              </Text>
+            </Box>
+
+            <HStack justify="flex-end" gap={2}>
+              <Button
+                variant="outline"
+                borderColor="neutral.200"
+                color="neutral.800"
+                onClick={() => setShowDenyModal(true)}
+                px={4}
+                textStyle="p2"
+                fontWeight={600}
+              >
+                Deny
+              </Button>
+              <Button
+                bg="blue.hover"
+                color="white"
+                onClick={() => setShowApproveModal(true)}
+                px={4}
+                _hover={{ bg: 'neutral.800' }}
+                textStyle="p2"
+                fontWeight={600}
+              >
+                Approve Application
+              </Button>
+
+              <ConfirmPantryDecisionModal
+                isOpen={showApproveModal}
+                onClose={() => setShowApproveModal(false)}
+                onConfirm={handleApprove}
+                decision="approve"
+                pantryName={application.pantryName}
+                dateApplied={formatDate(application.dateApplied)}
+              />
+
+              <ConfirmPantryDecisionModal
+                isOpen={showDenyModal}
+                onClose={() => setShowDenyModal(false)}
+                onConfirm={handleDeny}
+                decision="deny"
+                pantryName={application.pantryName}
+                dateApplied={formatDate(application.dateApplied)}
+              />
+            </HStack>
+          </VStack>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+export default ApplicationDetails;
diff --git a/apps/frontend/src/containers/approvePantries.tsx b/apps/frontend/src/containers/approvePantries.tsx
index d2bd59c85..44125ddd8 100644
--- a/apps/frontend/src/containers/approvePantries.tsx
+++ b/apps/frontend/src/containers/approvePantries.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 import {
   Center,
   Table,
@@ -7,16 +8,18 @@ import {
   NativeSelect,
   NativeSelectIndicator,
 } from '@chakra-ui/react';
-import PantryApplicationModal from '@components/forms/pantryApplicationModal';
 import ApiClient from '@api/apiClient';
 import { Pantry } from 'types/types';
 import { formatDate } from '@utils/utils';
+import { FloatingAlert } from '@components/floatingAlert';
 
 const ApprovePantries: React.FC = () => {
+  const navigate = useNavigate();
   const [pendingPantries, setPendingPantries] = useState<Pantry[]>([]);
   const [sortedPantries, setSortedPantries] = useState<Pantry[]>([]);
   const [sort, setSort] = useState<string>('');
-  const [openPantry, setOpenPantry] = useState<Pantry | null>(null);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [alertMessage, setAlertMessage] = useState<string>('');
 
   const fetchPantries = async () => {
     try {
@@ -65,8 +68,26 @@ const ApprovePantries: React.FC = () => {
     setSortedPantries(sorted);
   }, [sort, pendingPantries]);
 
+  useEffect(() => {
+    const action = searchParams.get('action');
+    const id = searchParams.get('id');
+
+    if (action && id) {
+      const message =
+        action === 'approved'
+          ? `Application for Pantry ${id} approved`
+          : `Application for Pantry ${id} denied`;
+
+      setAlertMessage(message);
+      setSearchParams({});
+    }
+  }, [searchParams, setSearchParams]);
+
   return (
     <Center flexDirection="column" p={4}>
+      {alertMessage && (
+        <FloatingAlert message={alertMessage} status="info" timeout={6000} />
+      )}
       <NativeSelect.Root width="40%" mb={4}>
         <NativeSelect.Field
           placeholder="Sort By"
@@ -91,7 +112,9 @@ const ApprovePantries: React.FC = () => {
                   bg="transparent"
                   color="cyan"
                   fontWeight="600"
-                  onClick={() => setOpenPantry(pantry)}
+                  onClick={() =>
+                    navigate(`/application-details/${pantry.pantryId}`)
+                  }
                 >
                   <Link>{pantry.pantryName}</Link>
                 </Button>
@@ -117,13 +140,6 @@ const ApprovePantries: React.FC = () => {
               </Table.Cell>
             </Table.Row>
           ))}
-          {openPantry && (
-            <PantryApplicationModal
-              pantry={openPantry}
-              isOpen={openPantry !== null}
-              onClose={() => setOpenPantry(null)}
-            />
-          )}
         </Table.Body>
       </Table.Root>
     </Center>
diff --git a/apps/frontend/src/containers/formRequests.tsx b/apps/frontend/src/containers/formRequests.tsx
index 335b2c4b5..3f484aa32 100644
--- a/apps/frontend/src/containers/formRequests.tsx
+++ b/apps/frontend/src/containers/formRequests.tsx
@@ -54,8 +54,8 @@ const FormRequests: React.FC = () => {
         if (sortedData.length > 0) {
           setPreviousRequest(sortedData[0]);
         }
-      } catch (error) {
-        setAlertMessage('Error fetching requests: ' + error);
+      } catch {
+        setAlertMessage('Error fetching requests');
       }
     } else {
       setAlertMessage('No pantry associated with this account.');
diff --git a/apps/frontend/src/containers/loginPage.tsx b/apps/frontend/src/containers/loginPage.tsx
index 7e704da34..92078e8c5 100644
--- a/apps/frontend/src/containers/loginPage.tsx
+++ b/apps/frontend/src/containers/loginPage.tsx
@@ -30,8 +30,8 @@ const LoginPage: React.FC = () => {
     try {
       await signIn({ username: email, password });
       navigate(from, { replace: true });
-    } catch (error) {
-      setAlertMessage('Login failed: ' + error);
+    } catch {
+      setAlertMessage('Login failed');
     }
   };
 
@@ -61,7 +61,12 @@ const LoginPage: React.FC = () => {
       justifyContent="center"
     >
       {alertMessage && (
-        <FloatingAlert message={alertMessage} status="error" timeout={6000} />
+        <FloatingAlert
+          message={alertMessage}
+          status="error"
+          timeout={6000}
+          onClose={() => setAlertMessage('')}
+        />
       )}
       <Box
         maxW="500px"
diff --git a/apps/frontend/src/theme.ts b/apps/frontend/src/theme.ts
index abf16ad8a..0b3200042 100644
--- a/apps/frontend/src/theme.ts
+++ b/apps/frontend/src/theme.ts
@@ -53,6 +53,13 @@ const textStyles = defineTextStyles({
       fontWeight: '400',
     },
   },
+  p3: {
+    value: {
+      fontFamily: 'inter',
+      fontSize: '12px',
+      fontWeight: '400',
+    },
+  },
 });
 
 const customConfig = defineConfig({
diff --git a/apps/frontend/src/types/types.ts b/apps/frontend/src/types/types.ts
index 7bceeff4d..987f524b4 100644
--- a/apps/frontend/src/types/types.ts
+++ b/apps/frontend/src/types/types.ts
@@ -19,12 +19,12 @@ import {
 export interface Pantry {
   pantryId: number;
   pantryName: string;
-  shippingAddressLine1: string;
-  shippingAddressLine2?: string;
-  shippingAddressCity: string;
-  shippingAddressState: string;
-  shippingAddressZip: string;
-  shippingAddressCountry?: string;
+  shipmentAddressLine1: string;
+  shipmentAddressLine2?: string;
+  shipmentAddressCity: string;
+  shipmentAddressState: string;
+  shipmentAddressZip: string;
+  shipmentAddressCountry?: string;
   mailingAddressLine1: string;
   mailingAddressLine2?: string;
   mailingAddressCity: string;
@@ -71,12 +71,12 @@ export interface PantryApplicationDto {
   secondaryContactEmail?: string;
   secondaryContactPhone?: string;
   pantryName: string;
-  shippingAddressLine1: string;
-  shippingAddressLine2?: string;
-  shippingAddressCity: string;
-  shippingAddressState: string;
-  shippingAddressZip: string;
-  shippingAddressCountry?: string;
+  shipmentAddressLine1: string;
+  shipmentAddressLine2?: string;
+  shipmentAddressCity: string;
+  shipmentAddressState: string;
+  shipmentAddressZip: string;
+  shipmentAddressCountry?: string;
   mailingAddressLine1: string;
   mailingAddressLine2?: string;
   mailingAddressCity: string;
@@ -223,7 +223,7 @@ export interface Order {
   deliveredAt?: Date;
   allocations: Allocation[];
   trackingLink?: string;
-  shippingCost?: number;
+  shipmentCost?: number;
 }
 
 export interface OrderItemDetails {
diff --git a/apps/frontend/src/utils/utils.ts b/apps/frontend/src/utils/utils.ts
index 2b7faa213..4e704f80a 100644
--- a/apps/frontend/src/utils/utils.ts
+++ b/apps/frontend/src/utils/utils.ts
@@ -1,5 +1,14 @@
 import { DayOfWeek, RecurrenceEnum, RepeatOnState } from '../types/types';
 
+export const formatPhone = (phone?: string | null) => {
+  if (!phone) return null;
+  const digits = phone.replace(/\D/g, '');
+  if (digits.length === 10) {
+    return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`;
+  }
+  return phone;
+};
+
 export const formatDate = (dateString: string) => {
   const date = new Date(dateString);
   return date.toLocaleDateString('en-US');