diff --git a/client/src/pages/StaffDashboard/StaffDashboard.tsx b/client/src/pages/StaffDashboard/StaffDashboard.tsx
index 2342dfc3..6c893f1d 100644
--- a/client/src/pages/StaffDashboard/StaffDashboard.tsx
+++ b/client/src/pages/StaffDashboard/StaffDashboard.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { useAuthContext } from '@/contexts';
 import { useApi } from '@/hooks';
@@ -15,18 +15,20 @@ import {
 
 interface StaffMember {
 	id: string;
-	employeeId: string;
 	name: string;
 	position: string;
+	locationObjectId: string;
+	phone: string;
 	approvalStatus: string;
 }
 
 export default function StaffDashboard() {
 	const navigate = useNavigate();
-	const { userService } = useApi();
+	const { userService, locationService } = useApi();
 	const { userObjectId } = useAuthContext();
 	const [searchTerm, setSearchTerm] = useState('');
 	const [filterRole, setFilterRole] = useState('');
+	const [filterLocation, setFilterLocation] = useState('');
 	const [currentPage, setCurrentPage] = useState(0); // MUI uses 0-based index
 	const [itemsPerPage, setItemsPerPage] = useState(10);
 	const [sortConfig, setSortConfig] = useState<{
@@ -38,6 +40,12 @@ export default function StaffDashboard() {
 	});
 
 	const { data: users, mutate } = userService.useUsers() || {};
+	const { data: locations } = locationService.useLocations() || {};
+
+	// Reset to first page when filters change
+	useEffect(() => {
+		setCurrentPage(0);
+	}, [searchTerm, filterRole, filterLocation]);
 
 	// Handlers
 	const handleApproval = async (id: string, status: string) => {
@@ -75,9 +83,19 @@ export default function StaffDashboard() {
 		}
 	};
 
+	// Create location lookup map
+	const locationMap = new Map(
+		locations?.map(loc => [loc._id, loc.hubName]) ?? []
+	);
+
+	// Get unique location names for filter dropdown
+	const uniqueLocations = Array.from(
+		new Set(locations?.map(loc => loc.hubName).filter(Boolean))
+	).sort();
+
 	// Data processing pipeline
-	const staffMembers = transformUsersToStaff(users ?? []);
-	const filteredStaff = filterStaff(staffMembers, searchTerm, filterRole);
+	const staffMembers = transformUsersToStaff(users ?? [], locationMap);
+	const filteredStaff = filterStaff(staffMembers, searchTerm, filterRole, filterLocation);
 	const sortedStaff = sortStaff(filteredStaff, sortConfig);
 	const currentStaff = paginateStaff(sortedStaff, currentPage, itemsPerPage);
 
@@ -104,8 +122,11 @@ export default function StaffDashboard() {
 				<StaffDashboardControls
 					searchTerm={searchTerm}
 					filterRole={filterRole}
+					filterLocation={filterLocation}
+					locations={uniqueLocations}
 					onSearchChange={setSearchTerm}
 					onRoleFilterChange={setFilterRole}
+					onLocationFilterChange={setFilterLocation}
 					onNewUserClick={() => navigate('/add-new-user')}
 				/>
 
diff --git a/client/src/pages/StaffDashboard/components/StaffDashboardControls.tsx b/client/src/pages/StaffDashboard/components/StaffDashboardControls.tsx
index 9317f769..d5121b7c 100644
--- a/client/src/pages/StaffDashboard/components/StaffDashboardControls.tsx
+++ b/client/src/pages/StaffDashboard/components/StaffDashboardControls.tsx
@@ -13,16 +13,22 @@ import {
 interface StaffDashboardControlsProps {
 	searchTerm: string;
 	filterRole: string;
+	filterLocation: string;
+	locations: string[];
 	onSearchChange: (value: string) => void;
 	onRoleFilterChange: (value: string) => void;
+	onLocationFilterChange: (value: string) => void;
 	onNewUserClick: () => void;
 }
 
 export default function StaffDashboardControls({
 	searchTerm,
 	filterRole,
+	filterLocation,
+	locations,
 	onSearchChange,
 	onRoleFilterChange,
+	onLocationFilterChange,
 	onNewUserClick
 }: StaffDashboardControlsProps) {
 	return (
@@ -64,6 +70,22 @@ export default function StaffDashboardControls({
 				</Select>
 			</FormControl>
 
+			<FormControl size="small" sx={{ minWidth: 150 }}>
+				<InputLabel>Filter Location</InputLabel>
+				<Select
+					value={filterLocation}
+					label="Filter Location"
+					onChange={e => onLocationFilterChange(e.target.value)}
+				>
+					<MenuItem value="">All Locations</MenuItem>
+					{locations.map(location => (
+						<MenuItem key={location} value={location}>
+							{location}
+						</MenuItem>
+					))}
+				</Select>
+			</FormControl>
+
 			<Button
 				variant="contained"
 				onClick={onNewUserClick}
diff --git a/client/src/pages/StaffDashboard/components/StaffDashboardRow.tsx b/client/src/pages/StaffDashboard/components/StaffDashboardRow.tsx
index a220f1f1..0cfc33ba 100644
--- a/client/src/pages/StaffDashboard/components/StaffDashboardRow.tsx
+++ b/client/src/pages/StaffDashboard/components/StaffDashboardRow.tsx
@@ -9,17 +9,17 @@ import {
 	Stack,
 	TableCell,
 	TableRow,
-	Tooltip,
-	Typography
+	Tooltip
 } from '@mui/material';
 
 import { UserDocument } from '@/types/User';
 
 interface StaffMember {
 	id: string;
-	employeeId: string;
 	name: string;
 	position: string;
+	locationObjectId: string;
+	phone: string;
 	approvalStatus: string;
 }
 
@@ -73,18 +73,10 @@ export default function StaffDashboardRow({
 				'&:hover': { backgroundColor: '#f8f8f8' }
 			}}
 		>
-			<TableCell>
-				<Typography
-					variant="body2"
-					sx={{
-						fontSize: '0.85rem'
-					}}
-				>
-					{member.employeeId}
-				</Typography>
-			</TableCell>
 			<TableCell>{member.name}</TableCell>
 			<TableCell>{member.position}</TableCell>
+			<TableCell>{member.locationObjectId}</TableCell>
+			<TableCell>{member.phone}</TableCell>
 			<TableCell>
 				<Tooltip
 					title={
diff --git a/client/src/pages/StaffDashboard/components/StaffDashboardTable.tsx b/client/src/pages/StaffDashboard/components/StaffDashboardTable.tsx
index d7aaac57..2b5a833c 100644
--- a/client/src/pages/StaffDashboard/components/StaffDashboardTable.tsx
+++ b/client/src/pages/StaffDashboard/components/StaffDashboardTable.tsx
@@ -12,9 +12,10 @@ import StaffDashboardRow from './StaffDashboardRow';
 
 interface StaffMember {
 	id: string;
-	employeeId: string;
 	name: string;
 	position: string;
+	locationObjectId: string;
+	phone: string;
 	approvalStatus: string;
 }
 
@@ -52,15 +53,15 @@ export default function StaffDashboardTable({
 							}}
 						>
 							<TableSortLabel
-								active={sortConfig.key === 'employeeId'}
+								active={sortConfig.key === 'name'}
 								direction={
-									sortConfig.key === 'employeeId'
+									sortConfig.key === 'name'
 										? sortConfig.direction
 										: 'asc'
 								}
-								onClick={() => onSort('employeeId')}
+								onClick={() => onSort('name')}
 							>
-								Employee ID
+								Name
 							</TableSortLabel>
 						</TableCell>
 						<TableCell
@@ -70,15 +71,15 @@ export default function StaffDashboardTable({
 							}}
 						>
 							<TableSortLabel
-								active={sortConfig.key === 'name'}
+								active={sortConfig.key === 'position'}
 								direction={
-									sortConfig.key === 'name'
+									sortConfig.key === 'position'
 										? sortConfig.direction
 										: 'asc'
 								}
-								onClick={() => onSort('name')}
+								onClick={() => onSort('position')}
 							>
-								Name
+								Role
 							</TableSortLabel>
 						</TableCell>
 						<TableCell
@@ -88,15 +89,33 @@ export default function StaffDashboardTable({
 							}}
 						>
 							<TableSortLabel
-								active={sortConfig.key === 'position'}
+								active={sortConfig.key === 'locationObjectId'}
 								direction={
-									sortConfig.key === 'position'
+									sortConfig.key === 'locationObjectId'
 										? sortConfig.direction
 										: 'asc'
 								}
-								onClick={() => onSort('position')}
+								onClick={() => onSort('locationObjectId')}
+							>
+								Location
+							</TableSortLabel>
+						</TableCell>
+						<TableCell
+							sx={{
+								fontWeight: 600,
+								backgroundColor: '#f9f9f9'
+							}}
+						>
+							<TableSortLabel
+								active={sortConfig.key === 'phone'}
+								direction={
+									sortConfig.key === 'phone'
+										? sortConfig.direction
+										: 'asc'
+								}
+								onClick={() => onSort('phone')}
 							>
-								Position
+								Phone Number
 							</TableSortLabel>
 						</TableCell>
 						<TableCell
@@ -131,7 +150,7 @@ export default function StaffDashboardTable({
 				<TableBody>
 					{staff.length === 0 ? (
 						<TableRow>
-							<TableCell colSpan={5} align="center">
+							<TableCell colSpan={6} align="center">
 								No staff members found.
 							</TableCell>
 						</TableRow>
diff --git a/client/src/pages/StaffDashboard/utils/StaffDashboardUtils.tsx b/client/src/pages/StaffDashboard/utils/StaffDashboardUtils.tsx
index 61e8cd14..e93e91ce 100644
--- a/client/src/pages/StaffDashboard/utils/StaffDashboardUtils.tsx
+++ b/client/src/pages/StaffDashboard/utils/StaffDashboardUtils.tsx
@@ -2,9 +2,10 @@ import { UserDocument } from '@/types/User';
 
 interface StaffMember {
 	id: string;
-	employeeId: string;
 	name: string;
 	position: string;
+	locationObjectId: string;
+	phone: string;
 	approvalStatus: string;
 }
 
@@ -27,17 +28,19 @@ export const getStatusColor = (
 };
 
 /**
- * Filter staff members by search term and role
+ * Filter staff members by search term, role, and location
  */
 export const filterStaff = (
 	staffMembers: StaffMember[],
 	searchTerm: string,
-	filterRole: string
+	filterRole: string,
+	filterLocation: string
 ): StaffMember[] => {
 	return staffMembers.filter(
 		(staff: StaffMember) =>
 			staff.name.toLowerCase().includes(searchTerm.toLowerCase()) &&
-			(filterRole ? staff.position === filterRole : true)
+			(filterRole ? staff.position === filterRole : true) &&
+			(filterLocation ? staff.locationObjectId === filterLocation : true)
 	);
 };
 
@@ -84,15 +87,17 @@ export const paginateStaff = (
  * Transform users data to staff members format
  */
 export const transformUsersToStaff = (
-	users: UserDocument[] | undefined
+	users: UserDocument[] | undefined,
+	locationMap: Map<string, string>
 ): StaffMember[] => {
 	if (!users) return [];
 
 	return users.map((user: UserDocument) => ({
 		id: user._id,
-		employeeId: user._id ?? 'N/A',
 		name: `${user.firstName} ${user.lastName}`,
 		position: user.role,
+		locationObjectId: locationMap.get(user.locationObjectId?.toString() ?? '') ?? 'N/A',
+		phone: user.phone ?? 'N/A',
 		approvalStatus: user.approvalStatus ?? 'PENDING'
 	}));
 };