diff --git a/app/src/controllers/accessRequest.ts b/app/src/controllers/accessRequest.ts
index f49f9039..4ed9b9b5 100644
--- a/app/src/controllers/accessRequest.ts
+++ b/app/src/controllers/accessRequest.ts
@@ -19,7 +19,6 @@ const controller = {
         req.currentAuthorization?.groups.some(
           (group: GroupName) => group === GroupName.DEVELOPER || group === GroupName.ADMIN
         ) ?? false;
-
       const existingUser = !!user.userId;
 
       // Groups the current user can modify
@@ -43,10 +42,15 @@ const controller = {
         res.status(404).json({ message: 'User not found' });
       } else {
         userGroups = await yarsService.getSubjectGroups(userResponse.sub);
+
         if (accessRequest.grant && !modifyableGroups.includes(accessRequest.group as GroupName)) {
           res.status(403).json({ message: 'Cannot modify requested group' });
         }
-        if (accessRequest.group && userGroups.map((x) => x.groupName).includes(accessRequest.group)) {
+        if (
+          accessRequest.grant &&
+          accessRequest.group &&
+          userGroups.map((x) => x.groupName).includes(accessRequest.group)
+        ) {
           res.status(409).json({ message: 'User is already assigned this group' });
         }
         if (userResponse.idp !== IdentityProvider.IDIR) {
@@ -58,7 +62,6 @@ const controller = {
       }
 
       const isGroupUpdate = existingUser && accessRequest.grant;
-
       let response;
 
       if (isGroupUpdate) {
@@ -149,13 +152,13 @@ const controller = {
           if (req.body.approve) {
             if (accessRequest.grant) {
               if (!accessRequest.group || !accessRequest.group.length) {
-                res.status(422).json({ message: 'Must provided a role to grant' });
+                return res.status(422).json({ message: 'Must provided a role to grant' });
               }
               if (accessRequest.group && groups.map((x) => x.groupName).includes(accessRequest.group)) {
-                res.status(409).json({ message: 'User is already assigned this role' });
+                return res.status(409).json({ message: 'User is already assigned this role' });
               }
               if (userResponse.idp !== IdentityProvider.IDIR) {
-                res.status(409).json({ message: 'User must be an IDIR user to be assigned this role' });
+                return res.status(409).json({ message: 'User must be an IDIR user to be assigned this role' });
               }
 
               await yarsService.assignGroup(
@@ -176,14 +179,17 @@ const controller = {
                 await yarsService.removeGroup(userResponse.sub, initiative, g.groupName);
               }
             }
-          }
 
-          // Delete the request after processing
-          await accessRequestService.deleteAccessRequest(accessRequest.accessRequestId);
+            // Update access request status
+            accessRequest.status = AccessRequestStatus.APPROVED;
+            await accessRequestService.updateAccessRequest(accessRequest);
+          } else {
+            accessRequest.status = AccessRequestStatus.REJECTED;
+            await accessRequestService.updateAccessRequest(accessRequest);
+          }
         } else {
-          res.status(404).json({ message: 'User does not exist' });
+          return res.status(404).json({ message: 'User does not exist' });
         }
-
         res.status(204).end();
       }
     } catch (e: unknown) {
diff --git a/app/src/controllers/yars.ts b/app/src/controllers/yars.ts
index 2eb24e06..f61f3fd5 100644
--- a/app/src/controllers/yars.ts
+++ b/app/src/controllers/yars.ts
@@ -1,6 +1,7 @@
 import { yarsService } from '../services';
 
 import type { NextFunction, Request, Response } from 'express';
+import { GroupName, Initiative } from '../utils/enums/application';
 
 const controller = {
   getGroups: async (req: Request, res: Response, next: NextFunction) => {
@@ -25,6 +26,23 @@ const controller = {
     } catch (e: unknown) {
       next(e);
     }
+  },
+
+  deleteSubjectGroup: async (
+    req: Request<never, never, { sub: string; group: GroupName }>,
+    res: Response,
+    next: NextFunction
+  ) => {
+    try {
+      const response = await yarsService.removeGroup(req.body.sub, Initiative.HOUSING, req.body.group);
+
+      if (!response) {
+        return res.status(422).json({ message: 'Unable to process revocation.' });
+      }
+      res.status(200).json(response);
+    } catch (e: unknown) {
+      next(e);
+    }
   }
 };
 
diff --git a/app/src/db/models/access_request.ts b/app/src/db/models/access_request.ts
index fc57a667..bbedeb24 100644
--- a/app/src/db/models/access_request.ts
+++ b/app/src/db/models/access_request.ts
@@ -7,8 +7,10 @@ import type { AccessRequest } from '../../types/AccessRequest';
 
 // Define types
 const _accessRequest = Prisma.validator<Prisma.access_requestDefaultArgs>()({});
+const _accessRequestWithGraph = Prisma.validator<Prisma.access_requestDefaultArgs>()({});
 
 type PrismaRelationAccessRequest = Omit<Prisma.access_requestGetPayload<typeof _accessRequest>, keyof Stamps>;
+type PrismaGraphAccessRequest = Prisma.access_requestGetPayload<typeof _accessRequestWithGraph>;
 
 export default {
   toPrismaModel(input: AccessRequest): PrismaRelationAccessRequest {
@@ -21,13 +23,14 @@ export default {
     };
   },
 
-  fromPrismaModel(input: PrismaRelationAccessRequest): AccessRequest {
+  fromPrismaModel(input: PrismaGraphAccessRequest): AccessRequest {
     return {
       accessRequestId: input.access_request_id,
       grant: input.grant,
       group: input.group as GroupName | null,
       userId: input.user_id as string,
-      status: input.status as AccessRequestStatus
+      status: input.status as AccessRequestStatus,
+      createdAt: input.created_at?.toISOString()
     };
   }
 };
diff --git a/app/src/db/prisma/schema.prisma b/app/src/db/prisma/schema.prisma
index c648fe8b..d6aa5888 100644
--- a/app/src/db/prisma/schema.prisma
+++ b/app/src/db/prisma/schema.prisma
@@ -1,3 +1,4 @@
+
 generator client {
   provider        = "prisma-client-js"
   previewFeatures = ["multiSchema", "views"]
diff --git a/app/src/routes/v1/yars.ts b/app/src/routes/v1/yars.ts
index a6951043..f674f43a 100644
--- a/app/src/routes/v1/yars.ts
+++ b/app/src/routes/v1/yars.ts
@@ -3,6 +3,7 @@ import express from 'express';
 import { yarsController } from '../../controllers';
 import { requireSomeAuth } from '../../middleware/requireSomeAuth';
 import { requireSomeGroup } from '../../middleware/requireSomeGroup';
+import { GroupName } from '../../utils/enums/application';
 
 import type { NextFunction, Request, Response } from 'express';
 
@@ -18,4 +19,11 @@ router.get('/permissions', (req: Request, res: Response, next: NextFunction): vo
   yarsController.getPermissions(req, res, next);
 });
 
+router.delete(
+  '/subject/group',
+  (req: Request<never, never, { sub: string; group: GroupName }>, res: Response, next: NextFunction): void => {
+    yarsController.deleteSubjectGroup(req, res, next);
+  }
+);
+
 export default router;
diff --git a/app/src/services/accessRequest.ts b/app/src/services/accessRequest.ts
index fb49b8d2..0f3f76f2 100644
--- a/app/src/services/accessRequest.ts
+++ b/app/src/services/accessRequest.ts
@@ -35,20 +35,6 @@ const service = {
     return access_request.fromPrismaModel(accessRequestResponse);
   },
 
-  /**
-   * @function deleteAccessRequests
-   * Deletes the access request
-   * @returns {Promise<object>} The result of running the delete operation
-   */
-  deleteAccessRequest: async (accessRequestId: string) => {
-    const response = await prisma.access_request.delete({
-      where: {
-        access_request_id: accessRequestId
-      }
-    });
-    return access_request.fromPrismaModel(response);
-  },
-
   /**
    * @function getAccessRequest
    * Get an access request
@@ -72,6 +58,23 @@ const service = {
   getAccessRequests: async () => {
     const response = await prisma.access_request.findMany();
     return response.map((x) => access_request.fromPrismaModel(x));
+  },
+
+  /**
+   * @function updateAccessRequest
+   * Updates a specific enquiry
+   * @param {Enquiry} data Enquiry to update
+   * @returns {Promise<Enquiry | null>} The result of running the update operation
+   */
+  updateAccessRequest: async (data: AccessRequest) => {
+    const result = await prisma.access_request.update({
+      data: { ...access_request.toPrismaModel(data), updated_at: data.updatedAt, updated_by: data.updatedBy },
+      where: {
+        access_request_id: data.accessRequestId
+      }
+    });
+
+    return access_request.fromPrismaModel(result);
   }
 };
 
diff --git a/app/src/types/index.ts b/app/src/types/index.ts
index 844669b1..492d5cc4 100644
--- a/app/src/types/index.ts
+++ b/app/src/types/index.ts
@@ -1,5 +1,5 @@
-export type { Activity } from './Activity';
 export type { AccessRequest } from './AccessRequest';
+export type { Activity } from './Activity';
 export type { ATSClientResource } from './ATSClientResource';
 export type { ATSUserSearchParameters } from './ATSUserSearchParameters';
 export type { BceidSearchParameters } from './BceidSearchParameters';
diff --git a/frontend/src/components/user/UserCreateModal.vue b/frontend/src/components/user/UserCreateModal.vue
index 97ddc133..779e2917 100644
--- a/frontend/src/components/user/UserCreateModal.vue
+++ b/frontend/src/components/user/UserCreateModal.vue
@@ -5,13 +5,13 @@ import { onMounted, ref } from 'vue';
 import { Dropdown } from '@/components/form';
 import { Spinner } from '@/components/layout';
 import { Button, Column, DataTable, Dialog, IconField, InputIcon, InputText, useToast } from '@/lib/primevue';
-import { ssoService } from '@/services';
+import { ssoService, yarsService } from '@/services';
 import { useAuthZStore } from '@/store';
 import { GroupName } from '@/utils/enums/application';
 
 import type { DropdownChangeEvent } from 'primevue/dropdown';
 import type { Ref } from 'vue';
-import type { User } from '@/types';
+import type { Group, User } from '@/types';
 
 // Constants
 const USER_SEARCH_PARAMS: { [key: string]: string } = {
@@ -29,9 +29,9 @@ const authzStore = useAuthZStore();
 // State
 const loading: Ref<boolean> = ref(false);
 const searchTag: Ref<string> = ref('');
-const selectableGroups: Ref<Array<GroupName>> = ref([]);
+const selectableGroups: Ref<Map<string, GroupName>> = ref(new Map());
 const selectedGroup: Ref<GroupName | undefined> = ref(undefined);
-const selectedParam: Ref<string | undefined> = ref(undefined);
+const selectedParam: Ref<string | undefined> = ref('Last name');
 const selectedUser: Ref<User | undefined> = ref(undefined);
 const users: Ref<Array<User>> = ref([]);
 const visible = defineModel<boolean>('visible');
@@ -86,12 +86,20 @@ async function searchIdirUsers() {
   }
 }
 
-onMounted(() => {
-  // TODO: Map rbac groups to radio list to get cleaner labels
-  selectableGroups.value = [GroupName.NAVIGATOR, GroupName.NAVIGATOR_READ_ONLY];
+onMounted(async () => {
+  const yarsGroups: Array<Group> = (await yarsService.getGroups()).data;
+
+  const allowedGroups: Array<GroupName> = [GroupName.NAVIGATOR, GroupName.NAVIGATOR_READ_ONLY];
   if (authzStore.isInGroup([GroupName.ADMIN, GroupName.DEVELOPER])) {
-    selectableGroups.value.unshift(GroupName.ADMIN, GroupName.SUPERVISOR);
+    allowedGroups.unshift(GroupName.ADMIN, GroupName.SUPERVISOR);
   }
+
+  selectableGroups.value = new Map(
+    allowedGroups.map((groupName) => {
+      const group = yarsGroups.find((group) => group.name === groupName);
+      return [group?.label ?? groupName.toLowerCase(), groupName];
+    })
+  );
 });
 </script>
 
@@ -106,6 +114,18 @@ onMounted(() => {
       <span class="p-dialog-title">Create new user</span>
     </template>
     <div class="flex justify-content-between align-items-center">
+      <Dropdown
+        class="col-3 m-0"
+        name="searchParam"
+        placeholder="Last name"
+        :options="Object.values(USER_SEARCH_PARAMS)"
+        @on-change="
+          (param: DropdownChangeEvent) => {
+            selectedParam = param.value;
+            searchIdirUsers();
+          }
+        "
+      />
       <div class="col-9 mb-2">
         <IconField icon-position="left">
           <InputIcon class="pi pi-search" />
@@ -113,22 +133,11 @@ onMounted(() => {
             v-model="searchTag"
             placeholder="Search by first name, last name, or email"
             class="col-12 pl-5"
+            autofocus
             @update:model-value="searchIdirUsers"
           />
         </IconField>
       </div>
-      <Dropdown
-        class="col-3 m-0"
-        name="assignRole"
-        placeholder="First name"
-        :options="Object.values(USER_SEARCH_PARAMS)"
-        @on-change="
-          (param: DropdownChangeEvent) => {
-            selectedParam = param.value;
-            searchIdirUsers();
-          }
-        "
-      />
     </div>
     <DataTable
       v-model:selection="selectedUser"
@@ -149,7 +158,6 @@ onMounted(() => {
       <template #loading>
         <Spinner />
       </template>
-
       <Column
         field="fullName"
         header="Username"
@@ -175,9 +183,9 @@ onMounted(() => {
       class="col-12"
       name="assignRole"
       label="Assign role"
-      :options="selectableGroups"
+      :options="[...selectableGroups.keys()]"
       :disabled="!selectedUser"
-      @on-change="(e: DropdownChangeEvent) => (selectedGroup = e.value)"
+      @on-change="(e: DropdownChangeEvent) => (selectedGroup = selectableGroups.get(e.value))"
     />
     <div class="flex-auto pl-2">
       <Button
diff --git a/frontend/src/components/user/UserManageModal.vue b/frontend/src/components/user/UserManageModal.vue
index 43c82294..4326326c 100644
--- a/frontend/src/components/user/UserManageModal.vue
+++ b/frontend/src/components/user/UserManageModal.vue
@@ -18,19 +18,24 @@ const authzStore = useAuthZStore();
 
 // State
 const visible = defineModel<boolean>('visible');
-const selectableGroups: Ref<Array<GroupName>> = ref([]);
+const selectableGroups: Ref<Map<string, GroupName>> = ref(new Map());
 const group: Ref<GroupName | undefined> = ref(undefined);
-const yarsGroups: Ref<Array<Group>> = ref([]);
 
 // Actions
 onMounted(async () => {
-  yarsGroups.value = (await yarsService.getGroups()).data;
+  const yarsGroups: Array<Group> = (await yarsService.getGroups()).data;
 
-  // TODO: Map rbac groups to radio list to get cleaner labels
-  selectableGroups.value = [GroupName.NAVIGATOR, GroupName.NAVIGATOR_READ_ONLY];
+  const allowedGroups: Array<GroupName> = [GroupName.NAVIGATOR, GroupName.NAVIGATOR_READ_ONLY];
   if (authzStore.isInGroup([GroupName.ADMIN, GroupName.DEVELOPER])) {
-    selectableGroups.value.unshift(GroupName.ADMIN, GroupName.SUPERVISOR);
+    allowedGroups.unshift(GroupName.ADMIN, GroupName.SUPERVISOR);
   }
+
+  selectableGroups.value = new Map(
+    allowedGroups.map((groupName) => {
+      const group = yarsGroups.find((group) => group.name === groupName);
+      return [group?.label ?? groupName.toLowerCase(), groupName];
+    })
+  );
 });
 </script>
 
@@ -48,9 +53,9 @@ onMounted(async () => {
     <RadioList
       name="role"
       :bold="false"
-      :options="selectableGroups"
+      :options="[...selectableGroups.keys()]"
       class="mt-3 mb-4"
-      @on-change="(value) => (group = value)"
+      @on-change="(value) => (group = selectableGroups.get(value))"
     />
     <div class="flex-auto">
       <Button
diff --git a/frontend/src/components/user/UserProcessModal.vue b/frontend/src/components/user/UserProcessModal.vue
index 388a5c7e..8a890775 100644
--- a/frontend/src/components/user/UserProcessModal.vue
+++ b/frontend/src/components/user/UserProcessModal.vue
@@ -6,6 +6,32 @@ const emit = defineEmits(['userAction:process']);
 
 // State
 const visible = defineModel<boolean>('visible');
+const action = defineModel<string>('action');
+const requestType = defineModel<string>('requestType');
+
+// Construct headers and messages
+const headers: Record<string, string> = {
+  'Approve-access': 'Approve access request',
+  'Approve-revocation': 'Approve revocation request',
+  'Deny-access': 'Deny access request',
+  'Deny-revocation': 'Deny revocation request'
+};
+
+const messages: Record<string, string> = {
+  'Approve-access': 'This user will now be an authorized user.',
+  'Approve-revocation': 'This user will now lose all access to the system.',
+  // eslint-disable-next-line max-len
+  'Deny-access': "This user's approval request will be denied, and access will not be granted", // eslint-disable-line quotes
+  // eslint-disable-next-line max-len
+  'Deny-revocation': "This user's revocation request will be denied, and they will remain authorized" // eslint-disable-line quotes
+};
+
+const labels: Record<string, string> = {
+  'Approve-access': 'Approve',
+  'Approve-revocation': 'Revoke user',
+  'Deny-access': 'Deny',
+  'Deny-revocation': 'Deny'
+};
 </script>
 
 <template>
@@ -16,29 +42,19 @@ const visible = defineModel<boolean>('visible');
     class="app-info-dialog w-4"
   >
     <template #header>
-      <span class="p-dialog-title">Approve or deny user</span>
+      <span class="p-dialog-title">{{ headers[`${action}-${requestType}`] }}</span>
     </template>
-    <div>Approve to authorize this user or deny access.</div>
+    <div>{{ messages[`${action}-${requestType}`] }}</div>
     <div class="flex mt-5 justify-content-between">
       <span>
         <Button
           class="mr-2"
-          label="Approve"
+          :class="{ 'p-button-danger': action === 'Deny' || requestType === 'revocation' }"
+          :label="labels[`${action}-${requestType}`]"
           icon="pi pi-check"
           @click="
             () => {
-              emit('userAction:process', true);
-              visible = false;
-            }
-          "
-        />
-        <Button
-          class="mr-2 p-button-danger"
-          label="Deny"
-          icon="pi pi-times"
-          @click="
-            () => {
-              emit('userAction:process', false);
+              emit('userAction:process');
               visible = false;
             }
           "
diff --git a/frontend/src/components/user/UserTable.vue b/frontend/src/components/user/UserTable.vue
index ccdaa2d7..5956f8d2 100644
--- a/frontend/src/components/user/UserTable.vue
+++ b/frontend/src/components/user/UserTable.vue
@@ -2,17 +2,15 @@
 import { ref } from 'vue';
 
 import { Button, Column, DataTable } from '@/lib/primevue';
-import { useAuthZStore } from '@/store';
-import { NavigationPermission } from '@/store/authzStore';
 import { AccessRequestStatus } from '@/utils/enums/application';
 
 import type { Ref } from 'vue';
 import type { UserAccessRequest } from '@/types';
 
 // Props
-const { usersAndAccessRequest, revocation = false } = defineProps<{
-  usersAndAccessRequest: Array<UserAccessRequest>;
-  revocation?: boolean;
+const { usersAndAccessRequests, requestTable = false } = defineProps<{
+  usersAndAccessRequests: Array<UserAccessRequest>;
+  requestTable?: boolean;
 }>();
 
 // Constants
@@ -20,19 +18,18 @@ const DEFAULT_SORT_ORDER = 1;
 const DEFAULT_SORT_FIELD = 'fullName';
 
 // Emits
-const emit = defineEmits([
-  'userTable:processRequest',
-  'userTable:denyRevocation',
-  'userTable:delete',
-  'userTable:manage',
-  'userTable:revoke'
-]);
-
-// Store
-const authzStore = useAuthZStore();
+const emit = defineEmits(['userTable:approveRequest', 'userTable:denyRequest', 'userTable:manage', 'userTable:revoke']);
 
 // State
 const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
+
+function getStatusClass(data: UserAccessRequest) {
+  let statusClass = 'default-status';
+  if (data.accessRequest && data.user.status !== AccessRequestStatus.APPROVED) {
+    statusClass = data.accessRequest.grant ? 'pending-approval-status' : 'pending-revoke-status';
+  }
+  return statusClass;
+}
 </script>
 
 <template>
@@ -40,7 +37,7 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
     v-model:selection="selection"
     :row-hover="true"
     class="datatable"
-    :value="usersAndAccessRequest"
+    :value="usersAndAccessRequests"
     selection-mode="single"
     :sort-field="DEFAULT_SORT_FIELD"
     :sort-order="DEFAULT_SORT_ORDER"
@@ -69,7 +66,13 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
       field="user.status"
       header="Status"
       sortable
-    />
+    >
+      <template #body="{ data }">
+        <span :class="getStatusClass(data)">
+          {{ data.user.status }}
+        </span>
+      </template>
+    </Column>
     <Column
       field="role"
       header="Role"
@@ -80,7 +83,7 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
       </template>
     </Column>
     <Column
-      v-if="!revocation"
+      v-if="!requestTable"
       field="manage"
       header="Manage"
       header-class="header-right"
@@ -91,7 +94,7 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
         <Button
           class="p-button-lg p-button-text p-0 mr-3"
           aria-label="Manage user"
-          :disabled="revocation || data.accessRequest?.status === AccessRequestStatus.PENDING"
+          :disabled="data.accessRequest?.status === AccessRequestStatus.PENDING"
           @click="
             () => {
               selection = data;
@@ -104,54 +107,56 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
       </template>
     </Column>
     <Column
-      v-if="!revocation && authzStore.canNavigate(NavigationPermission.HOUSING_USER_MANAGEMENT_ADMIN)"
-      field="approve/deny"
-      header="Approve/Deny"
+      v-if="!requestTable"
+      field="revoke"
+      header="Revoke"
       header-class="header-right"
       class="text-right"
       style="min-width: 150px"
     >
       <template #body="{ data }">
         <Button
-          class="p-button-lg p-button-text p-0 mr-3"
-          aria-label="Approve/Deny user"
-          :disabled="revocation || data.user.status === AccessRequestStatus.APPROVED"
+          class="p-button-lg p-button-text p-button-danger p-0 mr-3"
+          aria-label="Revoke user"
+          :disabled="data.accessRequest?.status === AccessRequestStatus.PENDING"
           @click="
             () => {
-              emit('userTable:processRequest', data);
+              selection = data;
+              emit('userTable:revoke', data);
             }
           "
         >
-          <font-awesome-icon icon="fa-solid fa-check-to-slot" />
+          <font-awesome-icon icon="fa-solid fa-user-xmark" />
         </Button>
       </template>
     </Column>
     <Column
-      v-if="revocation"
-      field="deny"
-      header="Deny"
+      v-if="requestTable"
+      field="approve"
+      header="Approve"
       header-class="header-right"
       class="text-right"
       style="min-width: 150px"
     >
       <template #body="{ data }">
         <Button
-          class="p-button-lg p-button-text p-button-danger p-0 mr-3"
-          aria-label="Deny revoke request"
+          class="p-button-lg p-button-text p-0 mr-3"
+          aria-label="Approve request"
           @click="
             () => {
               selection = data;
-              emit('userTable:denyRevocation', data);
+              emit('userTable:approveRequest', data);
             }
           "
         >
-          <font-awesome-icon icon="fa-solid fa-circle-xmark" />
+          <font-awesome-icon icon="fa-solid fa-check-to-slot" />
         </Button>
       </template>
     </Column>
     <Column
-      field="revoke"
-      header="Revoke"
+      v-if="requestTable"
+      field="deny"
+      header="Deny"
       header-class="header-right"
       class="text-right"
       style="min-width: 150px"
@@ -159,18 +164,31 @@ const selection: Ref<UserAccessRequest | undefined> = ref(undefined);
       <template #body="{ data }">
         <Button
           class="p-button-lg p-button-text p-button-danger p-0 mr-3"
-          aria-label="Revoke user"
-          :disabled="!revocation && data.accessRequest?.status === AccessRequestStatus.PENDING"
+          aria-label="Deny request"
           @click="
             () => {
               selection = data;
-              emit('userTable:revoke', data);
+              emit('userTable:denyRequest', data);
             }
           "
         >
-          <font-awesome-icon icon="fa-solid fa-user-xmark" />
+          <font-awesome-icon icon="fa-solid fa-circle-xmark" />
         </Button>
       </template>
     </Column>
   </DataTable>
 </template>
+
+<style scoped lang="scss">
+.default-status {
+  color: black;
+}
+
+.pending-approval-status {
+  color: $app-primary;
+}
+
+.pending-revoke-status {
+  color: $app-error;
+}
+</style>
diff --git a/frontend/src/services/yarsService.ts b/frontend/src/services/yarsService.ts
index 3c8175b2..68cf6587 100644
--- a/frontend/src/services/yarsService.ts
+++ b/frontend/src/services/yarsService.ts
@@ -1,3 +1,4 @@
+import type { GroupName } from '@/utils/enums/application';
 import { appAxios } from './interceptors';
 
 import type { AxiosResponse } from 'axios';
@@ -11,5 +12,9 @@ export default {
 
   getPermissions(): Promise<AxiosResponse> {
     return appAxios().get(`${PATH}/permissions`);
+  },
+
+  deleteSubjectGroup(data: { sub: string; group: GroupName }): Promise<AxiosResponse> {
+    return appAxios().delete(`${PATH}/subject/group`, { data });
   }
 };
diff --git a/frontend/src/views/user/UserManagementView.vue b/frontend/src/views/user/UserManagementView.vue
index f9b17fb2..8e9929e7 100644
--- a/frontend/src/views/user/UserManagementView.vue
+++ b/frontend/src/views/user/UserManagementView.vue
@@ -17,7 +17,7 @@ import {
   useConfirm,
   useToast
 } from '@/lib/primevue';
-import { accessRequestService, userService } from '@/services';
+import { accessRequestService, userService, yarsService } from '@/services';
 import { useAuthZStore } from '@/store';
 import { NavigationPermission } from '@/store/authzStore';
 import { MANAGED_GROUP_NAME_LIST } from '@/utils/constants/application';
@@ -33,6 +33,16 @@ const PENDING_STATUSES = {
   PENDING_REVOCATION: 'Pending Revocation'
 };
 
+const REQUEST_TYPE = {
+  ACCESS: 'access',
+  REVOCATION: 'revocation'
+};
+
+const REQUEST_ACTION = {
+  APPROVE: 'Approve',
+  DENY: 'Deny'
+};
+
 // Store
 const authzStore = useAuthZStore();
 
@@ -43,12 +53,18 @@ const loading: Ref<boolean> = ref(false); // Generic loading flag
 const manageUserModalVisible: Ref<boolean> = ref(false); // Group change modal visible
 const selectedUserAccessRequest: Ref<UserAccessRequest | undefined> = ref(undefined); // Selected user to modify
 const userProcessModalVisible: Ref<boolean> = ref(false); // Approve/Deny modal visible
+const userProcessModalAction: Ref<string> = ref(''); // Approve/Deny modal action
+const userProcessRequestType: Ref<string> = ref(''); // Access or Revocation request
 const usersAndAccessRequests: Ref<Array<UserAccessRequest>> = ref([]); // Main table data
 
-const getRevocationRequests = computed(() =>
-  usersAndAccessRequests.value.filter(
-    (user) => user.accessRequest?.status === AccessRequestStatus.PENDING && user.accessRequest?.grant === false
-  )
+const getAccessRequests = computed(() =>
+  usersAndAccessRequests.value.filter((uaar) => uaar.accessRequest?.status === AccessRequestStatus.PENDING)
+);
+
+const getApprovedUsers = computed(() =>
+  usersAndAccessRequests.value.filter((uaar) => {
+    return uaar.user.status === AccessRequestStatus.APPROVED;
+  })
 );
 
 // Actions
@@ -65,64 +81,56 @@ function assignUserStatus(request: UserAccessRequest) {
   return request;
 }
 
-//function onDenyRevocation(user: UserAccessRequest) {
-function onDenyRevocation() {
-  confirm.require({
-    message: 'This user’s revocation request will be denied, and they will remain an authorized user.',
-    header: 'Deny revocation request',
-    acceptLabel: 'Deny',
-    acceptClass: 'p-button-danger',
-    rejectLabel: 'Cancel',
-    accept: async () => {
-      try {
-        // TODO
-        // const response = await accessRequestService.denyAccessRequest(user.accessRequest?.accessRequestId as string);
-        // if (response) {
-        //   usersAndAccessRequests.value = usersAndAccessRequests.value.filter(
-        //     (userAccessRequest) => userAccessRequest.user.userId !== response.data.userId
-        //   );
-        //   // removing access request from user
-        //   delete user.accessRequest;
-        //   // assigning current status to user
-        //   user = assignUserStatus(user);
-        //   usersAccessRequest.value.push(user); // adding user to access request list
-        //   toast.success('Revocation request denied');
-        //}
-      } catch (error) {
-        toast.error('Error denying revocation request');
-        throw new Error('Error denying revocation request ' + error);
-      }
-    }
-  });
+function onAccessRequestAction(userAccessRequest: UserAccessRequest, action: string) {
+  selectedUserAccessRequest.value = userAccessRequest;
+  userProcessRequestType.value = userAccessRequest.accessRequest?.grant ? REQUEST_TYPE.ACCESS : REQUEST_TYPE.REVOCATION;
+  userProcessModalAction.value = action;
+  userProcessModalVisible.value = true;
 }
 
-async function onProcessUserAccessRequest(approve: boolean) {
+async function onProcessUserAccessRequest() {
   try {
-    await accessRequestService.processUserAccessRequest(
+    const approvedAccess =
+      userProcessModalAction.value === REQUEST_ACTION.APPROVE && selectedUserAccessRequest.value?.accessRequest?.grant;
+    const deniedAccess =
+      userProcessModalAction.value === REQUEST_ACTION.DENY && selectedUserAccessRequest.value?.accessRequest?.grant;
+    const approvedRevocation =
+      userProcessModalAction.value === REQUEST_ACTION.APPROVE && !selectedUserAccessRequest.value?.accessRequest?.grant;
+    const deniedRevocation =
+      userProcessModalAction.value === REQUEST_ACTION.DENY && !selectedUserAccessRequest.value?.accessRequest?.grant;
+
+    const response = await accessRequestService.processUserAccessRequest(
       selectedUserAccessRequest.value?.accessRequest?.accessRequestId as string,
       {
-        approve
+        approve: userProcessModalAction.value === REQUEST_ACTION.APPROVE
       }
     );
 
-    const idx = usersAndAccessRequests.value.findIndex(
-      (x) => x.accessRequest?.accessRequestId === selectedUserAccessRequest.value?.accessRequest?.accessRequestId
-    );
+    if (response) {
+      const idx = usersAndAccessRequests.value.findIndex(
+        (x) => x.accessRequest?.accessRequestId === selectedUserAccessRequest.value?.accessRequest?.accessRequestId
+      );
 
-    if (approve) {
-      usersAndAccessRequests.value[idx].accessRequest = undefined;
-      if (!usersAndAccessRequests.value[idx].user.groups) {
-        usersAndAccessRequests.value[idx].user.groups = Array<GroupName>();
+      // Change status back to approved
+      if (approvedAccess || deniedRevocation) {
+        usersAndAccessRequests.value[idx].accessRequest &&
+          (usersAndAccessRequests.value[idx].accessRequest.status = approvedAccess
+            ? AccessRequestStatus.APPROVED
+            : AccessRequestStatus.REJECTED);
+        usersAndAccessRequests.value[idx].user.status = AccessRequestStatus.APPROVED;
+      }
+
+      // Drop from table
+      if (deniedAccess || approvedRevocation) {
+        usersAndAccessRequests.value.splice(idx, 1);
       }
-      usersAndAccessRequests.value[idx].user.groups.push(
-        { ...selectedUserAccessRequest.value?.accessRequest }.group as GroupName
-      );
-      usersAndAccessRequests.value[idx].user.status = AccessRequestStatus.APPROVED;
-    } else {
-      usersAndAccessRequests.value.splice(idx, 1);
     }
 
-    toast.success(`Access request ${approve ? 'approved' : 'denied'}`);
+    toast.success(
+      `User's ${userProcessRequestType.value} request has been ${
+        approvedAccess || approvedRevocation ? 'approved' : 'denied'
+      }`
+    );
   } catch (error: any) {
     toast.error(error);
   }
@@ -130,15 +138,11 @@ async function onProcessUserAccessRequest(approve: boolean) {
 
 function onRevoke(userAccessRequest: UserAccessRequest) {
   const admin = authzStore.isInGroup([GroupName.ADMIN, GroupName.DEVELOPER]);
-  let message, successMessage;
-
-  if (admin) {
-    message = 'The user will now lose all access to the system.';
-    successMessage = 'User revoked';
-  } else {
-    message = 'The user will be revoked from the system upon the approval of an admin.';
-    successMessage = 'Revoke requested';
-  }
+
+  const message = admin
+    ? 'The user will now lose all access to the system.'
+    : 'The user will be revoked from the system upon the approval of an admin.';
+  const successMessage = admin ? 'User revoked' : 'Revoke requested';
 
   confirm.require({
     message: message,
@@ -149,13 +153,26 @@ function onRevoke(userAccessRequest: UserAccessRequest) {
     accept: async () => {
       try {
         const omittedUser = omit(userAccessRequest.user, ['groups', 'status']);
-        const response = await accessRequestService.createUserAccessRequest({
-          user: omittedUser,
-          accessRequest: {
-            grant: false
-          }
-        });
-
+        let response;
+
+        if (admin) {
+          // Delete subject group
+          const body = {
+            sub: userAccessRequest.user.sub,
+            group: userAccessRequest.user.groups[0]
+          };
+          response = await yarsService.deleteSubjectGroup(body);
+        } else {
+          // Create user access request
+          response = await accessRequestService.createUserAccessRequest({
+            user: omittedUser,
+            accessRequest: {
+              grant: false,
+              group: userAccessRequest.user.groups[0]
+            }
+          });
+        }
+        // Remove user from table and/or change status value
         if (response) {
           const idx = usersAndAccessRequests.value.findIndex((x) => x.user?.userId === userAccessRequest.user.userId);
 
@@ -169,7 +186,7 @@ function onRevoke(userAccessRequest: UserAccessRequest) {
           toast.success(successMessage);
         }
       } catch (error) {
-        toast.error('Error revoking user access');
+        toast.error(`Error revoking user access: ${error}`);
       }
     }
   });
@@ -196,8 +213,8 @@ async function onUserGroupChange(group: GroupName) {
         toast.success('User role updated');
       }
     }
-  } catch (error) {
-    toast.error('Error updating user role ');
+  } catch (error: any) {
+    toast.error(`Error updating user role, ${error.response.data.message}`);
   } finally {
     manageUserModalVisible.value = false;
   }
@@ -256,17 +273,41 @@ onMounted(async () => {
       group: MANAGED_GROUP_NAME_LIST.map((x) => x.id)
     })
   ).data;
-
   const accessRequests: Array<AccessRequest> = (await accessRequestService.getAccessRequests()).data;
+  const currentAccessRequests = new Map();
+
+  // Create map of all pending requests
+  accessRequests.forEach((request) => {
+    const currentRequest = currentAccessRequests.get(request.userId);
+    if (
+      (!currentRequest || (request.createdAt && request.createdAt > currentRequest.createdAt)) &&
+      request.status === AccessRequestStatus.PENDING
+    ) {
+      currentAccessRequests.set(request.userId, request);
+    }
+  });
 
   // Combine user and access request data
   // Filter out users who have no assigned group and no access requests
   usersAndAccessRequests.value = users
     .map((user) => {
-      const accessRequest = accessRequests.find((accessRequest) => accessRequest.userId === user.userId);
+      const accessRequest = currentAccessRequests.get(user.userId);
+      currentAccessRequests.delete(user.userId);
       return assignUserStatus({ accessRequest, user });
     })
     .filter((x) => x.user.groups.length > 0 || x.accessRequest);
+
+  // Get requesting users and add their access requests
+  const newRequestingUsers: Array<User> = (
+    await userService.searchUsers({
+      userId: Array.from(currentAccessRequests.keys())
+    })
+  ).data;
+
+  newRequestingUsers.forEach((user) => {
+    const accessRequest = currentAccessRequests.get(user.userId);
+    usersAndAccessRequests.value.push(assignUserStatus({ accessRequest, user }));
+  });
 });
 </script>
 
@@ -286,7 +327,9 @@ onMounted(async () => {
   <UserProcessModal
     v-if="userProcessModalVisible"
     v-model:visible="userProcessModalVisible"
-    @user-action:process="onProcessUserAccessRequest"
+    v-model:action="userProcessModalAction"
+    v-model:request-type="userProcessRequestType"
+    @user-action:process="() => onProcessUserAccessRequest()"
   />
   <TabView
     v-if="authzStore.canNavigate(NavigationPermission.HOUSING_USER_MANAGEMENT_ADMIN)"
@@ -311,7 +354,7 @@ onMounted(async () => {
       </div>
       <UserTable
         v-model:filters="filters"
-        :users-and-access-request="usersAndAccessRequests"
+        :users-and-access-requests="getApprovedUsers"
         class="mt-4"
         @user-table:manage="
           (userAccessRequest: UserAccessRequest) => {
@@ -319,16 +362,10 @@ onMounted(async () => {
             manageUserModalVisible = true;
           }
         "
-        @user-table:process-request="
-          (userAccessRequest: UserAccessRequest) => {
-            selectedUserAccessRequest = userAccessRequest;
-            userProcessModalVisible = true;
-          }
-        "
         @user-table:revoke="onRevoke"
       />
     </TabPanel>
-    <TabPanel header="Revocation requests">
+    <TabPanel header="User access requests">
       <div class="flex justify-content-end">
         <IconField icon-position="left">
           <InputIcon class="pi pi-search" />
@@ -341,11 +378,15 @@ onMounted(async () => {
       </div>
       <UserTable
         v-model:filters="filters"
-        :users-and-access-request="getRevocationRequests"
+        :users-and-access-requests="getAccessRequests"
         class="mt-4"
-        :revocation="true"
-        @user-table:revoke="onRevoke"
-        @user-table:deny-revocation="onDenyRevocation"
+        :request-table="true"
+        @user-table:approve-request="
+          (userAccessRequest: UserAccessRequest) => onAccessRequestAction(userAccessRequest, REQUEST_ACTION.APPROVE)
+        "
+        @user-table:deny-request="
+          (userAccessRequest: UserAccessRequest) => onAccessRequestAction(userAccessRequest, REQUEST_ACTION.DENY)
+        "
       />
     </TabPanel>
   </TabView>
@@ -368,7 +409,7 @@ onMounted(async () => {
     </div>
     <UserTable
       v-model:filters="filters"
-      :users-and-access-request="usersAndAccessRequests"
+      :users-and-access-requests="usersAndAccessRequests"
       class="mt-4"
       @user-table:manage="
         (userAccessRequest: UserAccessRequest) => {