diff --git a/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts b/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
index 6fbb043d6..d9403a753 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.controller.spec.ts
@@ -10,6 +10,7 @@ import { Donation } from '../donations/donations.entity';
 import { UpdateFoodManufacturerApplicationDto } from './dtos/update-manufacturer-application.dto';
 import { NotFoundException } from '@nestjs/common';
 import { AuthenticatedRequest } from '../auth/authenticated-request';
+import { Role } from '../users/types';
 import {
   DonationDetailsDto,
   DonationReminderDto,
@@ -78,6 +79,37 @@ describe('FoodManufacturersController', () => {
     });
   });
 
+  describe('GET /approved', () => {
+    it('should return approved food manufacturers', async () => {
+      const mockManufacturers: Partial<FoodManufacturer>[] = [
+        {
+          foodManufacturerId: 1,
+          foodManufacturerName: 'Good Foods Inc',
+          status: ApplicationStatus.APPROVED,
+        },
+        {
+          foodManufacturerId: 2,
+          foodManufacturerName: 'Healthy Eats LLC',
+          status: ApplicationStatus.APPROVED,
+        },
+      ];
+
+      mockManufacturersService.getApprovedManufacturers.mockResolvedValue(
+        mockManufacturers as FoodManufacturer[],
+      );
+
+      const result = await controller.getApprovedManufacturers();
+
+      expect(result).toEqual(mockManufacturers);
+      expect(result).toHaveLength(2);
+      expect(result[0].foodManufacturerId).toBe(1);
+      expect(result[1].foodManufacturerId).toBe(2);
+      expect(
+        mockManufacturersService.getApprovedManufacturers,
+      ).toHaveBeenCalled();
+    });
+  });
+
   describe('GET /:id', () => {
     it('should return a food manufacturer by id', async () => {
       mockManufacturersService.findOne.mockResolvedValue(
@@ -224,7 +256,7 @@ describe('FoodManufacturersController', () => {
   });
 
   describe('PATCH /:manufacturerId/application', () => {
-    const req = { user: { id: 1 } };
+    const req = { user: { id: 1, role: Role.FOODMANUFACTURER } };
 
     it('should update a food manufacturer application', async () => {
       const manufacturerId = 1;
@@ -251,7 +283,12 @@ describe('FoodManufacturersController', () => {
       expect(result).toEqual(mockManufacturer1);
       expect(
         mockManufacturersService.updateFoodManufacturerApplication,
-      ).toHaveBeenCalledWith(manufacturerId, mockUpdateData, 1);
+      ).toHaveBeenCalledWith(
+        manufacturerId,
+        mockUpdateData,
+        1,
+        Role.FOODMANUFACTURER,
+      );
     });
 
     it('should throw error if manufacturer does not exist', async () => {
@@ -272,7 +309,31 @@ describe('FoodManufacturersController', () => {
       ).rejects.toThrow();
       expect(
         mockManufacturersService.updateFoodManufacturerApplication,
-      ).toHaveBeenCalledWith(999, mockUpdateData, 1);
+      ).toHaveBeenCalledWith(999, mockUpdateData, 1, Role.FOODMANUFACTURER);
+    });
+
+    it('should allow admin to update any food manufacturer application', async () => {
+      const adminReq = { user: { id: 2, role: Role.ADMIN } };
+      const manufacturerId = 1;
+
+      const mockUpdateData: UpdateFoodManufacturerApplicationDto = {
+        secondaryContactFirstName: 'Admin Updated',
+      };
+
+      mockManufacturersService.updateFoodManufacturerApplication.mockResolvedValue(
+        mockManufacturer1 as FoodManufacturer,
+      );
+
+      const result = await controller.updateFoodManufacturerApplication(
+        adminReq as AuthenticatedRequest,
+        manufacturerId,
+        mockUpdateData,
+      );
+
+      expect(result).toEqual(mockManufacturer1);
+      expect(
+        mockManufacturersService.updateFoodManufacturerApplication,
+      ).toHaveBeenCalledWith(manufacturerId, mockUpdateData, 2, Role.ADMIN);
     });
   });
 
diff --git a/apps/backend/src/foodManufacturers/manufacturers.controller.ts b/apps/backend/src/foodManufacturers/manufacturers.controller.ts
index 5f2a7eafc..bca2bfe70 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.controller.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.controller.ts
@@ -50,6 +50,12 @@ export class FoodManufacturersController {
     return this.foodManufacturersService.getPendingManufacturers();
   }
 
+  @Roles(Role.ADMIN)
+  @Get('/approved')
+  async getApprovedManufacturers(): Promise<FoodManufacturer[]> {
+    return this.foodManufacturersService.getApprovedManufacturers();
+  }
+
   @Roles(Role.FOODMANUFACTURER)
   @Get('/my-id')
   async getCurrentUserFoodManufacturerId(
@@ -216,7 +222,7 @@ export class FoodManufacturersController {
     );
   }
 
-  @Roles(Role.FOODMANUFACTURER)
+  @Roles(Role.FOODMANUFACTURER, Role.ADMIN)
   @CheckOwnership({
     idParam: 'foodManufacturerId',
     resolver: resolveFoodManufacturerAuthorizedUserIds,
@@ -232,6 +238,7 @@ export class FoodManufacturersController {
       foodManufacturerId,
       foodManufacturerData,
       req.user.id,
+      req.user.role,
     );
   }
 
diff --git a/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts b/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
index 0c2ea0314..2dc3e5e99 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.service.spec.ts
@@ -28,6 +28,7 @@ import { FoodType } from '../donationItems/types';
 import { DonationService } from '../donations/donations.service';
 import { PantriesService } from '../pantries/pantries.service';
 import { Pantry } from '../pantries/pantries.entity';
+import { Role } from '../users/types';
 import { Allocation } from '../allocations/allocations.entity';
 import { RecurrenceEnum } from '../donations/types';
 import { UpdateFoodManufacturerApplicationDto } from './dtos/update-manufacturer-application.dto';
@@ -174,6 +175,24 @@ describe('FoodManufacturersService', () => {
     });
   });
 
+  describe('getApprovedManufacturers', () => {
+    it('returns manufacturers with approved status', async () => {
+      const approved = await service.getApprovedManufacturers();
+      expect(approved.length).toBeGreaterThan(0);
+      expect(
+        approved.every((m) => m.status === ApplicationStatus.APPROVED),
+      ).toBe(true);
+    });
+
+    it('returns empty array when no approved manufacturers exist', async () => {
+      await testDataSource.query(
+        `UPDATE food_manufacturers SET status = 'pending' WHERE status = 'approved'`,
+      );
+      const approved = await service.getApprovedManufacturers();
+      expect(approved).toEqual([]);
+    });
+  });
+
   describe('approve', () => {
     it('approves a pending manufacturer', async () => {
       const pending = await service.getPendingManufacturers();
@@ -962,5 +981,45 @@ describe('FoodManufacturersService', () => {
         ),
       );
     });
+
+    it('allows admin to update any approved manufacturer (bypassing ownership check)', async () => {
+      const dto: UpdateFoodManufacturerApplicationDto = {
+        secondaryContactFirstName: 'AdminUpdated',
+        foodManufacturerName: 'Admin Edited Foods',
+      };
+
+      // User 999 is not the representative of manufacturer 1, but as admin should be able to edit
+      const adminUserId = 999;
+      const updated = await service.updateFoodManufacturerApplication(
+        1,
+        dto,
+        adminUserId,
+        Role.ADMIN,
+      );
+
+      expect(updated.secondaryContactFirstName).toBe('AdminUpdated');
+      expect(updated.foodManufacturerName).toBe('Admin Edited Foods');
+    });
+
+    it('still throws ForbiddenException for non-admin non-owner users', async () => {
+      const dto: UpdateFoodManufacturerApplicationDto = {
+        foodManufacturerName: 'Should not work',
+      };
+
+      const invalidUserId = 999;
+
+      await expect(
+        service.updateFoodManufacturerApplication(
+          1,
+          dto,
+          invalidUserId,
+          Role.FOODMANUFACTURER,
+        ),
+      ).rejects.toThrow(
+        new ForbiddenException(
+          `User ${invalidUserId} is not allowed to edit application for Food Manufacturer 1`,
+        ),
+      );
+    });
   });
 });
diff --git a/apps/backend/src/foodManufacturers/manufacturers.service.ts b/apps/backend/src/foodManufacturers/manufacturers.service.ts
index 845be4f8a..aba6fa089 100644
--- a/apps/backend/src/foodManufacturers/manufacturers.service.ts
+++ b/apps/backend/src/foodManufacturers/manufacturers.service.ts
@@ -240,6 +240,13 @@ export class FoodManufacturersService {
     });
   }
 
+  async getApprovedManufacturers(): Promise<FoodManufacturer[]> {
+    return this.repo.find({
+      where: { status: ApplicationStatus.APPROVED },
+      relations: ['foodManufacturerRepresentative'],
+    });
+  }
+
   async addFoodManufacturer(
     foodManufacturerData: FoodManufacturerApplicationDto,
   ) {
@@ -320,6 +327,7 @@ export class FoodManufacturersService {
     manufacturerId: number,
     foodManufacturerData: UpdateFoodManufacturerApplicationDto,
     currentUserId: number,
+    currentUserRole?: Role,
   ): Promise<FoodManufacturer> {
     validateId(manufacturerId, 'Food Manufacturer');
     validateId(currentUserId, 'User');
@@ -335,7 +343,10 @@ export class FoodManufacturersService {
       );
     }
 
-    if (manufacturer.foodManufacturerRepresentative.id !== currentUserId) {
+    if (
+      currentUserRole !== Role.ADMIN &&
+      manufacturer.foodManufacturerRepresentative.id !== currentUserId
+    ) {
       throw new ForbiddenException(
         `User ${currentUserId} is not allowed to edit application for Food Manufacturer ${manufacturerId}`,
       );
diff --git a/apps/frontend/src/api/apiClient.ts b/apps/frontend/src/api/apiClient.ts
index 2f09a76c8..aef05f5e0 100644
--- a/apps/frontend/src/api/apiClient.ts
+++ b/apps/frontend/src/api/apiClient.ts
@@ -156,6 +156,12 @@ export class ApiClient {
       .then((response) => response.data);
   }
 
+  public async getApprovedFoodManufacturers(): Promise<FoodManufacturer[]> {
+    return this.axiosInstance
+      .get('/api/manufacturers/approved')
+      .then((response) => response.data);
+  }
+
   public async getFoodManufacturer(
     manufacturerId: number,
   ): Promise<FoodManufacturer> {
diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
index 614df457a..063cffa7d 100644
--- a/apps/frontend/src/app.tsx
+++ b/apps/frontend/src/app.tsx
@@ -32,6 +32,7 @@ import AdminDonationStats from '@containers/adminDonationStats';
 import ProfilePage from '@containers/profilePage';
 import VolunteerOrderManagement from '@containers/volunteerOrderManagement';
 import AdminPantryManagement from '@containers/adminPantryManagement';
+import AdminFoodManufacturerManagement from '@containers/adminFoodManufacturerManagement';
 import AdminRequestManagement from '@containers/adminRequestManagement';
 import PantryDashboard from '@containers/pantryDashboard';
 import VolunteerDashboard from '@containers/volunteerDashboard';
@@ -161,6 +162,14 @@ const router = createBrowserRouter([
           </ProtectedRoute>
         ),
       },
+      {
+        path: ROUTES.FOOD_MANUFACTURER_MANAGEMENT_DETAILS,
+        element: (
+          <ProtectedRoute>
+            <FoodManufacturerApplicationDetails />
+          </ProtectedRoute>
+        ),
+      },
       {
         path: ROUTES.ADMIN_DONATION,
         element: (
@@ -257,6 +266,14 @@ const router = createBrowserRouter([
           </ProtectedRoute>
         ),
       },
+      {
+        path: ROUTES.FOOD_MANUFACTURER_MANAGEMENT,
+        element: (
+          <ProtectedRoute>
+            <AdminFoodManufacturerManagement />
+          </ProtectedRoute>
+        ),
+      },
     ],
   },
 ]);
diff --git a/apps/frontend/src/components/Navbar.tsx b/apps/frontend/src/components/Navbar.tsx
index dc3eb3101..1c0f964c8 100644
--- a/apps/frontend/src/components/Navbar.tsx
+++ b/apps/frontend/src/components/Navbar.tsx
@@ -54,6 +54,10 @@ const ROLE_NAV_SECTIONS: Record<Role, NavSection[]> = {
       type: 'group',
       label: 'Manufacturers',
       children: [
+        {
+          label: 'Food Manufacturer Management',
+          to: ROUTES.FOOD_MANUFACTURER_MANAGEMENT,
+        },
         { label: 'Donation Management', to: ROUTES.ADMIN_DONATION },
         { label: 'Application Review', to: ROUTES.APPROVE_FOOD_MANUFACTURERS },
         { label: 'Donation Statistics', to: ROUTES.ADMIN_DONATION_STATS },
diff --git a/apps/frontend/src/containers/adminFoodManufacturerManagement.tsx b/apps/frontend/src/containers/adminFoodManufacturerManagement.tsx
new file mode 100644
index 000000000..3ec7b2333
--- /dev/null
+++ b/apps/frontend/src/containers/adminFoodManufacturerManagement.tsx
@@ -0,0 +1,351 @@
+import { useEffect, useState } from 'react';
+import {
+  Table,
+  Text,
+  Flex,
+  Input,
+  VStack,
+  Box,
+  Pagination,
+  ButtonGroup,
+  IconButton,
+  Link,
+  Button,
+  Checkbox,
+  Badge,
+} from '@chakra-ui/react';
+import { ChevronRight, ChevronLeft, Funnel, Search } from 'lucide-react';
+import { AlertStatus, FoodManufacturer } from '../types/types';
+import { DonateWastedFood } from '../types/manufacturerEnums';
+import ApiClient from '@api/apiClient';
+import { FloatingAlert } from '@components/floatingAlert';
+import { useAlert } from '../hooks/alert';
+import { useNavigate } from 'react-router-dom';
+import { ROUTES } from '../routes';
+
+const AdminFoodManufacturerManagement: React.FC = () => {
+  const navigate = useNavigate();
+
+  const [currentPage, setCurrentPage] = useState<number>(1);
+  const [foodManufacturers, setFoodManufacturers] = useState<
+    FoodManufacturer[]
+  >([]);
+
+  const [searchFM, setSearchFM] = useState('');
+  const [selectedFMs, setSelectedFMs] = useState<string[]>([]);
+
+  const [alertState, setAlertMessage] = useAlert();
+  const [isFilterOpen, setIsFilterOpen] = useState(false);
+
+  const pageSize = 10;
+
+  const fetchFoodManufacturers = async () => {
+    try {
+      const approved = await ApiClient.getApprovedFoodManufacturers();
+      setFoodManufacturers(approved);
+    } catch {
+      setAlertMessage('Error fetching food manufacturers', AlertStatus.ERROR);
+    }
+  };
+
+  useEffect(() => {
+    fetchFoodManufacturers();
+  }, [setAlertMessage]);
+
+  useEffect(() => {
+    setCurrentPage(1);
+  }, [selectedFMs]);
+
+  const fmOptions = [
+    ...new Set(foodManufacturers.map((fm) => fm.foodManufacturerName)),
+  ].sort((a, b) => a.localeCompare(b));
+
+  const handleFilterChange = (fm: string, checked: boolean) => {
+    if (checked) {
+      setSelectedFMs([...selectedFMs, fm]);
+    } else {
+      setSelectedFMs(selectedFMs.filter((f) => f !== fm));
+    }
+  };
+
+  const filteredFMs = foodManufacturers.filter((fm) => {
+    const matchesFilter =
+      selectedFMs.length === 0 || selectedFMs.includes(fm.foodManufacturerName);
+    return matchesFilter;
+  });
+
+  const paginatedFMs = filteredFMs.slice(
+    (currentPage - 1) * pageSize,
+    currentPage * pageSize,
+  );
+
+  const textHeaderStyles = {
+    color: 'neutral.800',
+    textStyle: 'p2',
+    fontWeight: '600',
+    fontFamily: 'inter',
+  };
+
+  return (
+    <Box flexDirection="column" p={12}>
+      <Text textStyle="h1" color="gray.light">
+        Manufacturer Management
+      </Text>
+      {alertState && (
+        <FloatingAlert
+          key={alertState.id}
+          message={alertState.message}
+          status={alertState.status}
+          timeout={6000}
+        />
+      )}
+
+      <Box
+        mt={3}
+        display="block"
+        maxW="100%"
+        overflowX="auto"
+        overflowY="hidden"
+        whiteSpace="nowrap"
+      >
+        <VStack mt={2} mb={7} align="start">
+          <Flex
+            justify="space-between"
+            align="center"
+            w="100%"
+            position="relative"
+          >
+            <Button
+              onClick={() => setIsFilterOpen(!isFilterOpen)}
+              variant="outline"
+              color="neutral.800"
+              border="1px solid"
+              borderColor="neutral.200"
+              size="sm"
+              p={3}
+              fontFamily="ibm"
+              fontWeight="semibold"
+            >
+              <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%"
+                  left={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="var(--chakra-colors-neutral-300)"
+                      style={{
+                        position: 'absolute',
+                        top: '50%',
+                        left: 8,
+                        transform: 'translateY(-50%)',
+                      }}
+                    />
+                    <Input
+                      placeholder="Search"
+                      color={searchFM ? 'neutral.800' : 'neutral.300'}
+                      value={searchFM}
+                      onChange={(e) => setSearchFM(e.target.value)}
+                      fontSize="sm"
+                      pl="30px"
+                      border="none"
+                      bg="transparent"
+                      _focus={{
+                        boxShadow: 'none',
+                        border: 'none',
+                        outline: 'none',
+                      }}
+                    />
+                  </Box>
+                  <VStack align="stretch" gap={2}>
+                    {fmOptions
+                      .filter((fm) =>
+                        fm.toLowerCase().includes(searchFM.toLowerCase()),
+                      )
+                      .map((fm) => (
+                        <Checkbox.Root
+                          key={fm}
+                          checked={selectedFMs.includes(fm)}
+                          onCheckedChange={(e: { checked: boolean }) =>
+                            handleFilterChange(fm, e.checked)
+                          }
+                          color="gray.dark"
+                          size="md"
+                        >
+                          <Checkbox.HiddenInput />
+                          <Checkbox.Control borderRadius="sm" />
+                          <Checkbox.Label>{fm}</Checkbox.Label>
+                        </Checkbox.Root>
+                      ))}
+                  </VStack>
+                </Box>
+              </>
+            )}
+          </Flex>
+        </VStack>
+        <Table.Root variant="line" showColumnBorder>
+          <Table.Header>
+            <Table.Row>
+              <Table.ColumnHeader {...textHeaderStyles}>
+                Food Manufacturer
+              </Table.ColumnHeader>
+              <Table.ColumnHeader {...textHeaderStyles}>
+                Food Rescue
+              </Table.ColumnHeader>
+              <Table.ColumnHeader {...textHeaderStyles} textAlign="right">
+                Action
+              </Table.ColumnHeader>
+            </Table.Row>
+          </Table.Header>
+          <Table.Body
+            color="neutral.700"
+            fontWeight={400}
+            textStyle="p2"
+            css={{ '& td': { paddingTop: '8px', paddingBottom: '8px' } }}
+          >
+            {paginatedFMs?.map((fm) => (
+              <Table.Row key={fm.foodManufacturerId}>
+                <Table.Cell>
+                  <Link
+                    textStyle="p2"
+                    color="gray.dark"
+                    variant="underline"
+                    textDecorationColor="gray.dark"
+                    onClick={() =>
+                      navigate(
+                        ROUTES.FOOD_MANUFACTURER_MANAGEMENT_DETAILS.replace(
+                          ':foodManufacturerId',
+                          fm.foodManufacturerId.toString(),
+                        ),
+                      )
+                    }
+                  >
+                    {fm.foodManufacturerName}
+                  </Link>
+                </Table.Cell>
+                <Table.Cell>
+                  <Badge
+                    py={1}
+                    px={2}
+                    color="neutral.800"
+                    textStyle="p2"
+                    fontWeight={500}
+                    fontSize="12px"
+                    bgColor={
+                      fm.donateWastedFood === DonateWastedFood.NEVER
+                        ? 'neutral.200'
+                        : 'neutral.100'
+                    }
+                  >
+                    {fm.donateWastedFood === DonateWastedFood.ALWAYS
+                      ? 'Yes'
+                      : fm.donateWastedFood === DonateWastedFood.SOMETIMES
+                      ? 'Sometimes'
+                      : 'No'}
+                  </Badge>
+                </Table.Cell>
+                <Table.Cell textAlign="right">
+                  <Link
+                    color="neutral.700"
+                    fontWeight={400}
+                    textStyle="p2"
+                    variant="underline"
+                    textDecorationColor="neutral.700"
+                    cursor="pointer"
+                    onClick={() => navigate(ROUTES.ADMIN_DONATION)}
+                  >
+                    View Donations
+                  </Link>
+                </Table.Cell>
+              </Table.Row>
+            ))}
+          </Table.Body>
+        </Table.Root>
+        <Flex justify="center" mt={12}>
+          <Pagination.Root
+            count={Math.ceil(filteredFMs.length / pageSize)}
+            pageSize={1}
+            page={currentPage}
+            onChange={(page: number) => setCurrentPage(page)}
+          >
+            <ButtonGroup variant="outline" size="sm" gap={4}>
+              <Pagination.PrevTrigger asChild>
+                <IconButton
+                  variant="ghost"
+                  disabled={currentPage === 1}
+                  onClick={() =>
+                    setCurrentPage((prev) => Math.max(prev - 1, 1))
+                  }
+                >
+                  <ChevronLeft />
+                </IconButton>
+              </Pagination.PrevTrigger>
+
+              <Pagination.Items
+                render={(page) => (
+                  <IconButton
+                    borderColor={{
+                      base: 'neutral.100',
+                      _selected: 'neutral.600',
+                    }}
+                    variant={{ base: 'outline', _selected: 'outline' }}
+                    onClick={() => setCurrentPage(page.value)}
+                  >
+                    {page.value}
+                  </IconButton>
+                )}
+              />
+
+              <Pagination.NextTrigger asChild>
+                <IconButton
+                  variant="ghost"
+                  disabled={
+                    currentPage === Math.ceil(filteredFMs.length / pageSize)
+                  }
+                  onClick={() =>
+                    setCurrentPage((prev) =>
+                      Math.min(
+                        prev + 1,
+                        Math.ceil(filteredFMs.length / pageSize),
+                      ),
+                    )
+                  }
+                >
+                  <ChevronRight />
+                </IconButton>
+              </Pagination.NextTrigger>
+            </ButtonGroup>
+          </Pagination.Root>
+        </Flex>
+      </Box>
+    </Box>
+  );
+};
+
+export default AdminFoodManufacturerManagement;
diff --git a/apps/frontend/src/containers/foodManufacturerApplicationDetails.tsx b/apps/frontend/src/containers/foodManufacturerApplicationDetails.tsx
index 180684da4..7a28808ef 100644
--- a/apps/frontend/src/containers/foodManufacturerApplicationDetails.tsx
+++ b/apps/frontend/src/containers/foodManufacturerApplicationDetails.tsx
@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { useParams, useNavigate, Link } from 'react-router-dom';
+import { useParams, useNavigate, useMatch, Link } from 'react-router-dom';
 import {
   Box,
   Grid,
@@ -19,9 +19,10 @@ import {
 } from '../types/types';
 import { formatDate, formatPhone } from '@utils/utils';
 import { TagGroup } from '@components/forms/tagGroup';
-import { TriangleAlert } from 'lucide-react';
+import { Pencil, TriangleAlert } from 'lucide-react';
 import { AxiosError } from 'axios';
 import { FloatingAlert } from '@components/floatingAlert';
+import EditableFMApplication from '@components/forms/editableFMApplication';
 import { useAlert } from '../hooks/alert';
 import ConfirmFoodManufacturerDecisionModal from '@components/forms/confirmFoodManufacturerDecisionModal';
 import { ROUTES } from '../routes';
@@ -90,13 +91,21 @@ const EmptyState: React.FC<EmptyStateProps> = ({
 };
 
 const FoodManufacturerApplicationDetails: React.FC = () => {
-  const { applicationId } = useParams<{ applicationId: string }>();
+  const { applicationId, foodManufacturerId } = useParams<{
+    applicationId?: string;
+    foodManufacturerId?: string;
+  }>();
+  const id = applicationId ?? foodManufacturerId;
+  const isApplicationMode = useMatch(
+    ROUTES.FOOD_MANUFACTURER_APPLICATION_DETAILS,
+  );
   const navigate = useNavigate();
   const [application, setApplication] = useState<FoodManufacturer | null>(null);
   const [loading, setLoading] = useState(true);
   const [alertState, setAlertMessage] = useAlert();
   const [showApproveModal, setShowApproveModal] = useState<boolean>(false);
   const [showDenyModal, setShowDenyModal] = useState<boolean>(false);
+  const [isEditing, setIsEditing] = useState<boolean>(false);
 
   const fieldContentStyles = {
     textStyle: 'p2',
@@ -123,15 +132,13 @@ const FoodManufacturerApplicationDetails: React.FC = () => {
   const fetchApplicationDetails = useCallback(async () => {
     try {
       setLoading(true);
-      if (!applicationId) {
+      if (!id) {
         setAlertMessage('Application ID not provided.', AlertStatus.ERROR);
         return;
-      } else if (isNaN(parseInt(applicationId, 10))) {
+      } else if (isNaN(parseInt(id, 10))) {
         setAlertMessage('Application ID is not a number.', AlertStatus.ERROR);
       }
-      const data = await ApiClient.getFoodManufacturer(
-        parseInt(applicationId, 10),
-      );
+      const data = await ApiClient.getFoodManufacturer(parseInt(id, 10));
       if (!data) {
         setAlertMessage('Application not found.', AlertStatus.ERROR);
       }
@@ -148,7 +155,7 @@ const FoodManufacturerApplicationDetails: React.FC = () => {
     } finally {
       setLoading(false);
     }
-  }, [applicationId]);
+  }, [id]);
 
   useEffect(() => {
     fetchApplicationDetails();
@@ -224,7 +231,9 @@ const FoodManufacturerApplicationDetails: React.FC = () => {
     <Box minH="100vh" p={8} mb={8}>
       <Box maxW="1200px" mx="auto">
         <Heading as="h1" textStyle="h1" color="gray.light" mb={8}>
-          Application Details
+          {isApplicationMode
+            ? 'Application Details'
+            : 'Food Manufacturer Details'}
         </Heading>
 
         {alertState && (
@@ -247,181 +256,228 @@ const FoodManufacturerApplicationDetails: React.FC = () => {
           <VStack align="stretch" gap={8}>
             {/* Header */}
             <Box>
-              <Heading fontSize="18px" fontWeight={600} mb={2}>
-                Application #{application.foodManufacturerId}
-              </Heading>
-              <Text textStyle="p2" color="gray.dark" mb={1}>
-                {application.foodManufacturerName}
-              </Text>
-              <Text textStyle="p3" color="neutral.600">
-                Applied {formatDate(application.dateApplied)}
-              </Text>
-            </Box>
-
-            {/* Point of Contact Information */}
-            <Box>
-              <Heading {...sectionHeaderStyles} mb={4}>
-                Point of Contact Information
-              </Heading>
-              <Grid templateColumns="repeat(2, 1fr)" gap={8}>
-                <GridItem>
-                  <Text {...fieldHeaderStyles}>Primary Representative</Text>
-                  <Text {...fieldContentStyles}>
-                    {rep.firstName} {rep.lastName}
+              {isApplicationMode ? (
+                <>
+                  <Heading fontSize="18px" fontWeight={600} mb={2}>
+                    Application #{application.foodManufacturerId}
+                  </Heading>
+                  <Text textStyle="p2" color="gray.dark" mb={1}>
+                    {application.foodManufacturerName}
+                  </Text>
+                  <Text textStyle="p3" color="neutral.600">
+                    Applied {formatDate(application.dateApplied)}
                   </Text>
-                  <Text {...fieldContentStyles}>{formatPhone(rep.phone)}</Text>
-                  <Text {...fieldContentStyles}>{rep.email}</Text>
-                </GridItem>
+                </>
+              ) : (
+                <HStack justify="space-between" align="center">
+                  <Heading fontSize="18px" fontWeight={600}>
+                    {application.foodManufacturerName}
+                  </Heading>
+                  <HStack
+                    gap={1}
+                    color="blue.hover"
+                    textStyle="p2"
+                    fontWeight={600}
+                    cursor={isEditing ? 'default' : 'pointer'}
+                    _hover={isEditing ? {} : { color: 'neutral.900' }}
+                    onClick={isEditing ? undefined : () => setIsEditing(true)}
+                  >
+                    <Pencil size={14} />
+                    <Text fontWeight={600} fontFamily="ibm">
+                      {isEditing ? 'Editing' : 'Edit'}
+                    </Text>
+                  </HStack>
+                </HStack>
+              )}
+            </Box>
 
-                {hasSecondaryContact && (
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>Secondary Contact</Text>
-                    {(application.secondaryContactFirstName ||
-                      application.secondaryContactLastName) && (
-                      <Text {...fieldContentStyles}>
-                        {application.secondaryContactFirstName}{' '}
-                        {application.secondaryContactLastName}
-                      </Text>
-                    )}
-                    {application.secondaryContactPhone && (
+            {!isApplicationMode && isEditing ? (
+              <EditableFMApplication
+                isEditing={isEditing}
+                onEditingChange={(editing) => {
+                  setIsEditing(editing);
+                  if (!editing) {
+                    fetchApplicationDetails();
+                  }
+                }}
+                foodManufacturerId={application.foodManufacturerId}
+              />
+            ) : (
+              <>
+                {/* Point of Contact Information */}
+                <Box>
+                  <Heading {...sectionHeaderStyles} mb={4}>
+                    Point of Contact Information
+                  </Heading>
+                  <Grid templateColumns="repeat(2, 1fr)" gap={8}>
+                    <GridItem>
+                      <Text {...fieldHeaderStyles}>Primary Representative</Text>
                       <Text {...fieldContentStyles}>
-                        {formatPhone(application.secondaryContactPhone)}
+                        {rep.firstName} {rep.lastName}
                       </Text>
-                    )}
-                    {application.secondaryContactEmail && (
                       <Text {...fieldContentStyles}>
-                        {application.secondaryContactEmail}
+                        {formatPhone(rep.phone)}
                       </Text>
-                    )}
-                  </GridItem>
-                )}
-              </Grid>
-            </Box>
+                      <Text {...fieldContentStyles}>{rep.email}</Text>
+                    </GridItem>
 
-            {/* Food Manufacturer Details */}
-            <Box>
-              <Heading {...sectionHeaderStyles} mb={6}>
-                Food Manufacturer Details
-              </Heading>
-              <VStack align="stretch" gap={6}>
-                <Grid templateColumns="repeat(2, 1fr)" gap={6}>
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>Name</Text>
-                    <Text {...fieldContentStyles}>
-                      {application.foodManufacturerName}
-                    </Text>
-                  </GridItem>
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>Website</Text>
-                    <Text {...fieldContentStyles}>
-                      {application.foodManufacturerWebsite}
-                    </Text>
-                  </GridItem>
-                </Grid>
-
-                <Box>
-                  <Text {...fieldHeaderStyles}>Unlisted Product Allergens</Text>
-                  {application.unlistedProductAllergens.length > 0 ? (
-                    <TagGroup values={application.unlistedProductAllergens} />
-                  ) : (
-                    <Text {...fieldContentStyles}>None</Text>
-                  )}
+                    {hasSecondaryContact && (
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>Secondary Contact</Text>
+                        {(application.secondaryContactFirstName ||
+                          application.secondaryContactLastName) && (
+                          <Text {...fieldContentStyles}>
+                            {application.secondaryContactFirstName}{' '}
+                            {application.secondaryContactLastName}
+                          </Text>
+                        )}
+                        {application.secondaryContactPhone && (
+                          <Text {...fieldContentStyles}>
+                            {formatPhone(application.secondaryContactPhone)}
+                          </Text>
+                        )}
+                        {application.secondaryContactEmail && (
+                          <Text {...fieldContentStyles}>
+                            {application.secondaryContactEmail}
+                          </Text>
+                        )}
+                      </GridItem>
+                    )}
+                  </Grid>
                 </Box>
 
+                {/* Food Manufacturer Details */}
                 <Box>
-                  <Text {...fieldHeaderStyles}>
-                    Allergens Facility is Free Of
-                  </Text>
-                  {application.facilityFreeAllergens.length > 0 ? (
-                    <TagGroup values={application.facilityFreeAllergens} />
-                  ) : (
-                    <Text {...fieldContentStyles}>None</Text>
-                  )}
-                </Box>
+                  <Heading {...sectionHeaderStyles} mb={6}>
+                    Food Manufacturer Details
+                  </Heading>
+                  <VStack align="stretch" gap={6}>
+                    <Grid templateColumns="repeat(2, 1fr)" gap={6}>
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>Name</Text>
+                        <Text {...fieldContentStyles}>
+                          {application.foodManufacturerName}
+                        </Text>
+                      </GridItem>
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>Website</Text>
+                        <Text {...fieldContentStyles}>
+                          {application.foodManufacturerWebsite}
+                        </Text>
+                      </GridItem>
+                    </Grid>
 
-                <Grid templateColumns="repeat(2, 1fr)" gap={6}>
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>
-                      Products are Gluten-Free?
-                    </Text>
-                    <Text {...fieldContentStyles}>
-                      {application.productsGlutenFree ? 'Yes' : 'No'}
-                    </Text>
-                  </GridItem>
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>In-Kind Donations?</Text>
-                    <Text {...fieldContentStyles}>
-                      {application.inKindDonations ? 'Yes' : 'No'}
-                    </Text>
-                  </GridItem>
-                  <GridItem>
-                    <Text {...fieldHeaderStyles}>Donate Wasted Food?</Text>
-                    <Text {...fieldContentStyles}>
-                      {application.donateWastedFood}
-                    </Text>
-                  </GridItem>
-                </Grid>
+                    <Box>
+                      <Text {...fieldHeaderStyles}>
+                        Unlisted Product Allergens
+                      </Text>
+                      {application.unlistedProductAllergens.length > 0 ? (
+                        <TagGroup
+                          values={application.unlistedProductAllergens}
+                        />
+                      ) : (
+                        <Text {...fieldContentStyles}>None</Text>
+                      )}
+                    </Box>
 
-                <Box>
-                  <Text {...fieldHeaderStyles}>
-                    Sustainable Products Explanation
-                  </Text>
-                  <Text {...fieldContentStyles}>
-                    {application.productsSustainableExplanation || '-'}
-                  </Text>
-                </Box>
+                    <Box>
+                      <Text {...fieldHeaderStyles}>
+                        Allergens Facility is Free Of
+                      </Text>
+                      {application.facilityFreeAllergens.length > 0 ? (
+                        <TagGroup values={application.facilityFreeAllergens} />
+                      ) : (
+                        <Text {...fieldContentStyles}>None</Text>
+                      )}
+                    </Box>
 
-                <Box>
-                  <Text {...fieldHeaderStyles}>Additional Comments</Text>
-                  <Text {...fieldContentStyles}>
-                    {application.additionalComments || '-'}
-                  </Text>
+                    <Grid templateColumns="repeat(2, 1fr)" gap={6}>
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>
+                          Products are Gluten-Free?
+                        </Text>
+                        <Text {...fieldContentStyles}>
+                          {application.productsGlutenFree ? 'Yes' : 'No'}
+                        </Text>
+                      </GridItem>
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>In-Kind Donations?</Text>
+                        <Text {...fieldContentStyles}>
+                          {application.inKindDonations ? 'Yes' : 'No'}
+                        </Text>
+                      </GridItem>
+                      <GridItem>
+                        <Text {...fieldHeaderStyles}>Donate Wasted Food?</Text>
+                        <Text {...fieldContentStyles}>
+                          {application.donateWastedFood}
+                        </Text>
+                      </GridItem>
+                    </Grid>
+
+                    <Box>
+                      <Text {...fieldHeaderStyles}>
+                        Sustainable Products Explanation
+                      </Text>
+                      <Text {...fieldContentStyles}>
+                        {application.productsSustainableExplanation || '-'}
+                      </Text>
+                    </Box>
+
+                    <Box>
+                      <Text {...fieldHeaderStyles}>Additional Comments</Text>
+                      <Text {...fieldContentStyles}>
+                        {application.additionalComments || '-'}
+                      </Text>
+                    </Box>
+                  </VStack>
                 </Box>
-              </VStack>
-            </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>
+            {isApplicationMode && (
+              <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>
 
-              <ConfirmFoodManufacturerDecisionModal
-                isOpen={showApproveModal}
-                onClose={() => setShowApproveModal(false)}
-                onConfirm={handleApprove}
-                decision="approve"
-                foodManufacturerName={application.foodManufacturerName}
-                dateApplied={formatDate(application.dateApplied)}
-              />
+                <ConfirmFoodManufacturerDecisionModal
+                  isOpen={showApproveModal}
+                  onClose={() => setShowApproveModal(false)}
+                  onConfirm={handleApprove}
+                  decision="approve"
+                  foodManufacturerName={application.foodManufacturerName}
+                  dateApplied={formatDate(application.dateApplied)}
+                />
 
-              <ConfirmFoodManufacturerDecisionModal
-                isOpen={showDenyModal}
-                onClose={() => setShowDenyModal(false)}
-                onConfirm={handleDeny}
-                decision="deny"
-                foodManufacturerName={application.foodManufacturerName}
-                dateApplied={formatDate(application.dateApplied)}
-              />
-            </HStack>
+                <ConfirmFoodManufacturerDecisionModal
+                  isOpen={showDenyModal}
+                  onClose={() => setShowDenyModal(false)}
+                  onConfirm={handleDeny}
+                  decision="deny"
+                  foodManufacturerName={application.foodManufacturerName}
+                  dateApplied={formatDate(application.dateApplied)}
+                />
+              </HStack>
+            )}
           </VStack>
         </Box>
       </Box>
diff --git a/apps/frontend/src/routes.ts b/apps/frontend/src/routes.ts
index ac42813db..25a92402c 100644
--- a/apps/frontend/src/routes.ts
+++ b/apps/frontend/src/routes.ts
@@ -16,11 +16,14 @@ export const ROUTES = {
   PANTRY_MANAGEMENT_DETAILS: '/pantry-details/pantry/:pantryId',
   FOOD_MANUFACTURER_APPLICATION_DETAILS:
     '/food-manufacturer-application-details/:applicationId',
+  FOOD_MANUFACTURER_MANAGEMENT_DETAILS:
+    '/food-manufacturer-details/manufacturer/:foodManufacturerId',
 
   APPROVE_PANTRIES: '/approve-pantries',
   APPROVE_FOOD_MANUFACTURERS: '/approve-food-manufacturers',
   VOLUNTEER_MANAGEMENT: '/volunteer-management',
   PANTRY_MANAGEMENT: '/pantry-management',
+  FOOD_MANUFACTURER_MANAGEMENT: '/food-manufacturer-management',
   ADMIN_ORDER_MANAGEMENT: '/admin-order-management',
   ADMIN_DONATION: '/admin-donation',
   ADMIN_DONATION_STATS: '/admin-donation-stats',