diff --git a/src/app/pages/user-accounts/components/requests-list-dashboard/requests-list-dashboard.component.html b/src/app/pages/user-accounts/components/requests-list-dashboard/requests-list-dashboard.component.html
index cbbf6d0..e73c1d1 100644
--- a/src/app/pages/user-accounts/components/requests-list-dashboard/requests-list-dashboard.component.html
+++ b/src/app/pages/user-accounts/components/requests-list-dashboard/requests-list-dashboard.component.html
@@ -1,13 +1,19 @@
 <div
   class="requests-list-container"
-  *ngIf="{ allDataForUserSupport: allDataForUserSupport$ | async,
-  translations: translations$ | async
+  *ngIf="{
+    allDataForUserSupport: allDataForUserSupport$ | async,
+    translations: translations$ | async
   } as params"
 >
   <div class="loading-overlay" *ngIf="saving || deletingRequest">
     <div class="text-center">
       <div>
-        {{ saving ? (params?.translations['Saving'] || 'Saving') : (params?.translations['Deleting'] || 'Deleting') }} ....
+        {{
+          saving
+            ? params?.translations['Saving'] || 'Saving'
+            : params?.translations['Deleting'] || 'Deleting'
+        }}
+        ....
       </div>
       <div class="mt-3 d-flex justify-content-center w-100">
         <mat-spinner diameter="50" strokeWidth="2"></mat-spinner>
@@ -19,160 +25,450 @@
     *ngIf="!params?.allDataForUserSupport"
   ></mat-progress-bar>
   <!-- {{ params?.allDataForUserSupport?.data | json }} -->
-  <div class="w-100 p-3" style="overflow: auto">
-    <table class="table table-striped table-bordered mat-elevation-z1">
-      <thead class="custom-header-bg">
-        <tr>
-          <th style="width: 15px">{{ params?.translations['SN'] || 'SN' }}</th>
-          <th>{{ params?.translations['Message'] || 'Request' }}</th>
-          <th>{{ params?.translations['Date'] || 'Date' }}</th>
-          <th style="width: 300px">{{ params?.translations['Actions']|| 'Actions' }}</th>
-        </tr>
-      </thead>
-      <tbody *ngIf="params?.allDataForUserSupport">
-        <ng-container
-          *ngIf="
-            (
-              params?.allDataForUserSupport?.data
-              | FilterFormRequests : 'status' : 'REJECTED' : currentUser?.id
-            )?.length > 0
-          "
-        >
-          <ng-container
-            *ngFor="
-              let dataRow of params?.allDataForUserSupport?.data
-                | FilterFormRequests : 'status' : 'REJECTED' : currentUser?.id;
-              let count = index
-            "
-          >
-            <tr>
-              <td>
-                {{ count + 1 }}
-              </td>
-              <td>
-                <div [innerHTML]="dataRow?.message?.message"></div>
-              </td>
-              <td>
-                {{ dataRow?.timeSinceResponseSent }}
-              </td>
-              <td>
-                <div class="w-100 d-flext justify-content-end">
-                  <button
-                    *ngIf="!dataRow?.type"
-                    mat-flat-button
-                    (click)="onToggleDetails($event, dataRow)"
+  <div class="w-100">
+    <mat-tab-group mat-align-tabs="start">
+      <mat-tab label="Requests being processed">
+        <div class="mt-2 p-3">
+          <div class="w-100 p-3" style="overflow: auto">
+            <table class="table table-striped table-bordered mat-elevation-z1">
+              <thead class="custom-header-bg">
+                <tr>
+                  <th style="width: 15px">
+                    {{ params?.translations['SN'] || 'SN' }}
+                  </th>
+                  <th>{{ params?.translations['Message'] || 'Request' }}</th>
+                  <th>{{ params?.translations['Date'] || 'Date' }}</th>
+                  <th style="width: 300px">
+                    {{ params?.translations['Actions'] || 'Actions' }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody *ngIf="params?.allDataForUserSupport">
+                <ng-container
+                  *ngIf="
+                    (
+                      params?.allDataForUserSupport?.data
+                      | FilterFormRequests
+                        : 'status'
+                        : 'REJECTED'
+                        : currentUser?.id
+                    )?.length > 0
+                  "
+                >
+                  <ng-container
+                    *ngFor="
+                      let dataRow of params?.allDataForUserSupport?.data
+                        | FilterFormRequests
+                          : 'status'
+                          : 'REJECTED'
+                          : currentUser?.id;
+                      let count = index
+                    "
                   >
-                    {{ params?.translations['View details'] || 'View details' }}
-                  </button>
-                  <!-- <button mat-button class="ml-2">
+                    <tr>
+                      <td>
+                        {{ count + 1 }}
+                      </td>
+                      <td>
+                        <div [innerHTML]="dataRow?.message?.message"></div>
+                      </td>
+                      <td>
+                        {{ dataRow?.timeSinceResponseSent }}
+                      </td>
+                      <td>
+                        <div class="w-100 d-flext justify-content-end">
+                          <button
+                            *ngIf="!dataRow?.type"
+                            mat-flat-button
+                            (click)="onToggleDetails($event, dataRow)"
+                          >
+                            {{
+                              params?.translations['View details'] ||
+                                'View details'
+                            }}
+                          </button>
+                          <!-- <button mat-button class="ml-2">
                   <mat-icon title="Delete Request">delete</mat-icon>
                 </button> -->
 
-                  <button
-                    *ngIf="currentUser?.id === dataRow?.user?.id"
-                    mat-flat-button
-                    (click)="onDeleteRequest($event, dataRow)"
-                    color="warn"
+                          <button
+                            *ngIf="currentUser?.id === dataRow?.user?.id"
+                            mat-flat-button
+                            (click)="onDeleteRequest($event, dataRow)"
+                            color="warn"
+                          >
+                            {{ params?.translations['Delete'] || 'Delete' }}
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr *ngIf="viewMoreDetails[dataRow?.id]">
+                      <td colspan="100%">
+                        <table class="table ml-4 mr-5">
+                          <thead>
+                            <tr>
+                              <th>{{ params?.translations['SN'] || 'SN' }}</th>
+                              <th>
+                                {{ params?.translations['Name'] || 'Names' }}
+                              </th>
+                              <th>
+                                {{ params?.translations['Phone'] || 'Phone' }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations['Username'] || 'Username'
+                                }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations['Password'] || 'Password'
+                                }}
+                              </th>
+                              <th>
+                                {{ params?.translations['Status'] || 'Status' }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations &&
+                                  params?.translations['Remarks']
+                                    ? params?.translations['Remarks']
+                                    : 'Status'
+                                }}
+                              </th>
+                              <th></th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <ng-container
+                              *ngFor="
+                                let user of dataRow?.payload;
+                                let count = index
+                              "
+                            >
+                              <tr
+                                [ngClass]="{
+                                  'created-user': user?.status == 'CREATED',
+                                  'approved-user': user?.status == 'APPROVED'
+                                }"
+                              >
+                                <td>
+                                  {{ count + 1 }}
+                                </td>
+                                <td>
+                                  {{ user?.firstName + ' ' + user?.surname }}
+                                </td>
+                                <td>
+                                  {{ user?.phoneNumber }}
+                                </td>
+                                <td>
+                                  {{ user?.username ? user?.username : '-' }}
+                                </td>
+                                <td>
+                                  {{ user?.password ? user?.username : '-' }}
+                                </td>
+                                <td>
+                                  {{ user?.status }}
+                                </td>
+                                <td>
+                                  {{
+                                    user?.reason
+                                      ? user?.reason
+                                      : user?.remarks
+                                      ? user?.remarks
+                                      : ''
+                                  }}
+                                </td>
+                                <td>
+                                  <button
+                                    mat-stroked-button
+                                    [disabled]="user?.status"
+                                    (click)="
+                                      onRemoveUser(
+                                        $event,
+                                        user,
+                                        dataRow,
+                                        itemsToConfirm[user?.referenceId] ===
+                                          user?.referenceId
+                                          ? true
+                                          : false
+                                      )
+                                    "
+                                  >
+                                    <mat-icon
+                                      *ngIf="!itemsToConfirm[user?.referenceId]"
+                                      title="Remove this user"
+                                      >delete</mat-icon
+                                    >
+                                    <span
+                                      *ngIf="itemsToConfirm[user?.referenceId]"
+                                      >{{
+                                        params?.translations['Confirm'] ||
+                                          'Confirm'
+                                      }}</span
+                                    >
+                                  </button>
+                                </td>
+                              </tr>
+                            </ng-container>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </ng-container>
+                </ng-container>
+                <ng-container
+                  *ngIf="
+                    (
+                      params?.allDataForUserSupport?.data
+                      | FilterFormRequests
+                        : 'status'
+                        : 'REJECTED'
+                        : currentUser?.id
+                    )?.length == 0
+                  "
+                >
+                  <tr>
+                    <td colspan="100%">
+                      <div class="alert alert-warning" role="alert">
+                        {{
+                          params?.translations['No request available'] ||
+                            'No request available'
+                        }}
+                      </div>
+                    </td>
+                  </tr>
+                </ng-container>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </mat-tab>
+      <mat-tab label="Rejected requests">
+        <div class="mt-2 p-3">
+          <div class="w-100 p-3" style="overflow: auto">
+            <table class="table table-striped table-bordered mat-elevation-z1">
+              <thead class="custom-header-bg">
+                <tr>
+                  <th style="width: 15px">
+                    {{ params?.translations['SN'] || 'SN' }}
+                  </th>
+                  <th>{{ params?.translations['Message'] || 'Request' }}</th>
+                  <th>
+                    {{
+                      params?.translations &&
+                      params?.translations['Rejection comment']
+                        ? params?.translations['Rejection comment']
+                        : 'Rejection comment'
+                    }}
+                  </th>
+                  <th>{{ params?.translations['Date'] || 'Date' }}</th>
+                  <th style="width: 300px">
+                    {{ params?.translations['Actions'] || 'Actions' }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody *ngIf="params?.allDataForUserSupport">
+                <ng-container
+                  *ngIf="
+                    (
+                      params?.allDataForUserSupport?.data
+                      | FilterFormRequests : currentUser?.id
+                      | filterRequestsByStatus : 'REJECTED'
+                    )?.length > 0
+                  "
+                >
+                  <ng-container
+                    *ngFor="
+                      let dataRow of params?.allDataForUserSupport?.data
+                        | FilterFormRequests : currentUser?.id
+                        | filterRequestsByStatus : 'REJECTED';
+                      let count = index
+                    "
                   >
-                    {{params?.translations['Delete'] || "Delete"}}
-                  </button>
-                </div>
-              </td>
-            </tr>
-            <tr *ngIf="viewMoreDetails[dataRow?.id]">
-              <td colspan="100%">
-                <table class="table ml-4 mr-5">
-                  <thead>
                     <tr>
-                      <th>{{ params?.translations['SN'] || 'SN' }}</th>
-                      <th>{{ params?.translations['Name'] || 'Names' }}</th>
-                      <th>{{ params?.translations['Phone'] || 'Phone' }}</th>
-                      <th>{{ params?.translations['Username'] || 'Username' }}</th>
-                      <th>{{ params?.translations['Password'] || 'Password' }}</th>
-                      <th>{{ params?.translations['Status'] || 'Status' }}</th>
-                      <th></th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <ng-container
-                      *ngFor="let user of dataRow?.payload; let count = index"
-                    >
-                      <tr
-                        [ngClass]="{
-                          'created-user': user?.status == 'CREATED',
-                          'approved-user': user?.status == 'APPROVED'
-                        }"
-                      >
-                        <td>
-                          {{ count + 1 }}
-                        </td>
-                        <td>
-                          {{ user?.firstName + ' ' + user?.surname }}
-                        </td>
-                        <td>
-                          {{ user?.phoneNumber }}
-                        </td>
-                        <td>
-                          {{ user?.username ? user?.username : '-' }}
-                        </td>
-                        <td>
-                          {{ user?.password ? user?.username : '-' }}
-                        </td>
-                        <td>
-                          {{ user?.status }}
-                        </td>
-                        <td>
+                      <td>
+                        {{ count + 1 }}
+                      </td>
+                      <td>
+                        <div [innerHTML]="dataRow?.message?.message"></div>
+                      </td>
+                      <td>
+                        {{ dataRow?.rejectionReasonMessage }}
+                      </td>
+                      <td>
+                        {{ dataRow?.timeSinceResponseSent }}
+                      </td>
+                      <td>
+                        <div class="w-100 d-flext justify-content-end">
                           <button
-                            mat-stroked-button
-                            [disabled]="user?.status"
-                            (click)="
-                              onRemoveUser(
-                                $event,
-                                user,
-                                dataRow,
-                                itemsToConfirm[user?.referenceId] ===
-                                  user?.referenceId
-                                  ? true
-                                  : false
-                              )
-                            "
+                            *ngIf="!dataRow?.type"
+                            mat-flat-button
+                            (click)="onToggleDetails($event, dataRow)"
                           >
-                            <mat-icon
-                              *ngIf="!itemsToConfirm[user?.referenceId]"
-                              title="Remove this user"
-                              >delete</mat-icon
-                            >
-                            <span *ngIf="itemsToConfirm[user?.referenceId]">{{
-                              params?.translations['Confirm'] || 'Confirm'
-                            }}</span>
+                            {{
+                              params?.translations['View details'] ||
+                                'View details'
+                            }}
                           </button>
-                        </td>
-                      </tr>
-                    </ng-container>
-                  </tbody>
-                </table>
-              </td>
-            </tr>
-          </ng-container>
-        </ng-container>
-        <ng-container
-          *ngIf="
-            (
-              params?.allDataForUserSupport?.data
-              | FilterFormRequests : 'status' : 'REJECTED' : currentUser?.id
-            )?.length == 0
-          "
-        >
-          <tr>
-            <td colspan="100%">
-              <div class="alert alert-warning" role="alert">
-                {{ params?.translations['No request available'] || 'No request available'  }}
-              </div>
-            </td>
-          </tr>
-        </ng-container>
-      </tbody>
-    </table>
+                          <!-- <button mat-button class="ml-2">
+                  <mat-icon title="Delete Request">delete</mat-icon>
+                </button> -->
+
+                          <button
+                            *ngIf="currentUser?.id === dataRow?.user?.id"
+                            mat-flat-button
+                            (click)="onDeleteRequest($event, dataRow)"
+                            color="warn"
+                          >
+                            {{ params?.translations['Delete'] || 'Delete' }}
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr *ngIf="viewMoreDetails[dataRow?.id]">
+                      <td colspan="100%">
+                        <table class="table ml-4 mr-5">
+                          <thead>
+                            <tr>
+                              <th>{{ params?.translations['SN'] || 'SN' }}</th>
+                              <th>
+                                {{ params?.translations['Name'] || 'Names' }}
+                              </th>
+                              <th>
+                                {{ params?.translations['Phone'] || 'Phone' }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations['Username'] || 'Username'
+                                }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations['Password'] || 'Password'
+                                }}
+                              </th>
+                              <th>
+                                {{ params?.translations['Status'] || 'Status' }}
+                              </th>
+                              <th>
+                                {{
+                                  params?.translations &&
+                                  params?.translations['Remarks']
+                                    ? params?.translations['Remarks']
+                                    : 'Status'
+                                }}
+                              </th>
+                              <th></th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <ng-container
+                              *ngFor="
+                                let user of dataRow?.payload;
+                                let count = index
+                              "
+                            >
+                              <tr
+                                [ngClass]="{
+                                  'created-user': user?.status == 'CREATED',
+                                  'approved-user': user?.status == 'APPROVED'
+                                }"
+                              >
+                                <td>
+                                  {{ count + 1 }}
+                                </td>
+                                <td>
+                                  {{ user?.firstName + ' ' + user?.surname }}
+                                </td>
+                                <td>
+                                  {{ user?.phoneNumber }}
+                                </td>
+                                <td>
+                                  {{ user?.username ? user?.username : '-' }}
+                                </td>
+                                <td>
+                                  {{ user?.password ? user?.username : '-' }}
+                                </td>
+                                <td>
+                                  {{ user?.status }}
+                                </td>
+                                <td>
+                                  {{
+                                    user?.reason
+                                      ? user?.reason
+                                      : user?.remarks
+                                      ? user?.remarks
+                                      : ''
+                                  }}
+                                </td>
+                                <td>
+                                  <button
+                                    mat-stroked-button
+                                    [disabled]="user?.status"
+                                    (click)="
+                                      onRemoveUser(
+                                        $event,
+                                        user,
+                                        dataRow,
+                                        itemsToConfirm[user?.referenceId] ===
+                                          user?.referenceId
+                                          ? true
+                                          : false
+                                      )
+                                    "
+                                  >
+                                    <mat-icon
+                                      *ngIf="!itemsToConfirm[user?.referenceId]"
+                                      title="Remove this user"
+                                      >delete</mat-icon
+                                    >
+                                    <span
+                                      *ngIf="itemsToConfirm[user?.referenceId]"
+                                      >{{
+                                        params?.translations['Confirm'] ||
+                                          'Confirm'
+                                      }}</span
+                                    >
+                                  </button>
+                                </td>
+                              </tr>
+                            </ng-container>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </ng-container>
+                </ng-container>
+                <ng-container
+                  *ngIf="
+                    (
+                      params?.allDataForUserSupport?.data
+                      | FilterFormRequests : currentUser?.id
+                      | filterRequestsByStatus : 'REJECTED'
+                    )?.length === 0
+                  "
+                >
+                  <tr>
+                    <td colspan="100%">
+                      <div class="alert alert-warning" role="alert">
+                        {{
+                          params?.translations &&
+                          params?.translations['No rejected request available']
+                            ? params?.translations[
+                                'No rejected request available'
+                              ]
+                            : 'No rejected request available'
+                        }}
+                      </div>
+                    </td>
+                  </tr>
+                </ng-container>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </mat-tab>
+    </mat-tab-group>
   </div>
   <div
     mat-dialog-actions
@@ -182,38 +478,8 @@
       currentUser?.keyedAuthorities['US_USER_ACCOUNT_REQUEST']
     "
   >
-    <!-- <button
-      mat-stroked-button
-      [matMenuTriggerFor]="menu"
-      style="
-        box-sizing: border-box;
-        font-family: Roboto, sans-serif;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-        cursor: pointer;
-        text-decoration: none;
-        font-size: inherit;
-        font-weight: inherit;
-        vertical-align: bottom;
-        background-color: #276696;
-        color: #fff;
-        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-        overflow: hidden;
-        text-align: center;
-        float: right;
-        text-align: right;
-        margin-top: 1rem;
-        bottom: 1.5rem;
-        right: 1.5rem;
-        position: fixed;
-        z-index: 1005;
-        border-radius: 50%;
-      "
-    >
-      New
-    </button> -->
-
     <button [matMenuTriggerFor]="menu" class="custom-mat-fab">
-      {{ 'New'  }}
+      {{ 'New' }}
     </button>
 
     <mat-menu #menu="matMenu">
diff --git a/src/app/shared/pipes/filter-requests-by-status.pipe.ts b/src/app/shared/pipes/filter-requests-by-status.pipe.ts
new file mode 100644
index 0000000..1970a32
--- /dev/null
+++ b/src/app/shared/pipes/filter-requests-by-status.pipe.ts
@@ -0,0 +1,15 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'filterRequestsByStatus',
+})
+export class FilterRequestsByStatusPipe implements PipeTransform {
+  transform(requests: any[], status: string): any {
+    if (!status) {
+      return requests || [];
+    }
+    return (
+      (requests || []).filter((request) => request?.status === status) || []
+    );
+  }
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index b6965ef..97cfec6 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -11,6 +11,7 @@ import { FilterFormRequestsPipe } from './pipes/filter-requests.pipe';
 import { TranslateModule } from '@ngx-translate/core';
 import { FilterItemsPipe } from './pipes/filter-items.pipe';
 import { modals } from './modals';
+import { FilterRequestsByStatusPipe } from './pipes/filter-requests-by-status.pipe';
 
 @NgModule({
   imports: [
@@ -34,6 +35,7 @@ import { modals } from './modals';
     NgxDhis2PeriodFilterModule,
     SearchItemPipe,
     FilterFormRequestsPipe,
+    FilterRequestsByStatusPipe,
     FilterItemsPipe,
     TranslateModule,
   ],
@@ -43,6 +45,7 @@ import { modals } from './modals';
     ...modals,
     SearchItemPipe,
     FilterFormRequestsPipe,
+    FilterRequestsByStatusPipe,
     FilterItemsPipe,
   ],
 })