diff --git a/hrm-form-definitions/form-definitions/nz/v1/tabbedForms/CaseInformationTab.json b/hrm-form-definitions/form-definitions/nz/v1/tabbedForms/CaseInformationTab.json
index 68121eab93..f6f58aba28 100644
--- a/hrm-form-definitions/form-definitions/nz/v1/tabbedForms/CaseInformationTab.json
+++ b/hrm-form-definitions/form-definitions/nz/v1/tabbedForms/CaseInformationTab.json
@@ -19,50 +19,226 @@
     "type": "listbox-multiselect",
     "options": [
       {
-        "value": "Support provided by Youthline",
-        "label": "Support provided by Youthline"
+        "value": "Resources given around helplines available",
+        "label": "Resources given around helplines available"
       },
       {
-        "value": "Recommendations of resources",
-        "label": "Recommendations of resources"
+        "value": "Resources given around local services and organisations",
+        "label": "Resources given around local services and organisations"
       },
       {
-        "value": "Resourcing to Oranga Tamariki",
-        "label": "Resourcing to Oranga Tamariki"
+        "value": "Resources given around Emergency Services/111",
+        "label": "Resources given around Emergency Services/111"
       },
       {
-        "value": "Resourcing to general healthcare services",
-        "label": "Resourcing to general healthcare services"
+        "value": "Resources given around Mental Health Crisis Teams",
+        "label": "Resources given around Mental Health Crisis Teams"
       },
       {
-        "value": "Resourcing to law enforcement agencies",
-        "label": "Resourcing to law enforcement agencies"
+        "value": "Resources given around Oranga Tamariki",
+        "label": "Resources given around Oranga Tamariki"
       },
       {
-        "value": "Resourcing to mental health services",
-        "label": "Resourcing to mental health services"
+        "value": "Resources given around accommodation or financial support",
+        "label": "Resources given around accommodation or financial support"
       },
       {
-        "value": "Resourcing to other organisations",
-        "label": "Resourcing to other organisations"
+        "value": "Resources given around accessing healthcare services",
+        "label": "Resources given around accessing healthcare services"
       },
       {
-        "value": "Resourcing to school counsellors",
-        "label": "Resourcing to school counsellors"
+        "value": "Resources given around digital harm or online exploitation",
+        "label": "Resources given around digital harm or online exploitation"
       },
       {
-        "value": "Reports to Child Sexual Abuse Material",
-        "label": "Reports to Child Sexual Abuse Material"
+        "value": "Resources given around other Youthline services",
+        "label": "Resources given around other Youthline services"
       },
       {
-        "value": "Other",
-        "label": "Other"
+        "value": "I've talked to Triage about this contact",
+        "label": "I've talked to Triage about this contact"
+      },
+      {
+        "value": "I've talked to OSS about this contact",
+        "label": "I've talked to OSS about this contact"
+      }
+    ]
+  },
+  {
+    "name": "referredTo",
+    "label": "Referred To",
+    "type": "select",
+    "unknownOption": "No Referral Made",
+    "options": [
+      {
+        "value": "No Referral Made",
+        "label": ""
+      },
+      {
+        "value": "Abuse & Violence - It's Not OK",
+        "label": "Abuse & Violence - It's Not OK"
+      },
+      {
+        "value": "Abuse & Violence - Rape/sexual abuse service",
+        "label": "Abuse & Violence - Rape/sexual abuse service"
+      },
+      {
+        "value": "Abuse & Violence - Shine",
+        "label": "Abuse & Violence - Shine"
+      },
+      {
+        "value": "Abuse & Violence - Victims of Crime",
+        "label": "Abuse & Violence - Victims of Crime"
+      },
+      {
+        "value": "Alcohol & Drug - CADS",
+        "label": "Alcohol & Drug - CADS"
+      },
+      {
+        "value": "Depression - Depression Helpline",
+        "label": "Depression - Depression Helpline"
+      },
+      {
+        "value": "Depression - Lowdown",
+        "label": "Depression - Lowdown"
+      },
+      {
+        "value": "Directory - 211 Directory Services",
+        "label": "Directory - 211 Directory Services"
+      },
+      {
+        "value": "Directory - CAB",
+        "label": "Directory - CAB"
+      },
+      {
+        "value": "Education - School",
+        "label": "Education - School"
+      },
+      {
+        "value": "Emergency - Ambulance",
+        "label": "Emergency - Ambulance"
+      },
+      {
+        "value": "Emergency - Fire Dept",
+        "label": "Emergency - Fire Dept"
+      },
+      {
+        "value": "Emergency - Police",
+        "label": "Emergency - Police"
+      },
+      {
+        "value": "Face to face counselling - Youthline",
+        "label": "Face to face counselling - Youthline"
+      },
+      {
+        "value": "Face to face counselling - School counsellor",
+        "label": "Face to face counselling - School counsellor"
+      },
+      {
+        "value": "Face to face counselling - ACC registered",
+        "label": "Face to face counselling - ACC registered"
+      },
+      {
+        "value": "Face to face counselling - Other",
+        "label": "Face to face counselling - Other"
+      },
+      {
+        "value": "Family Support - Barnardos",
+        "label": "Family Support - Barnardos"
+      },
+      {
+        "value": "Family Support - Oranga Tamariki",
+        "label": "Family Support - Oranga Tamariki"
+      },
+      {
+        "value": "Financial - WINZ",
+        "label": "Financial - WINZ"
+      },
+      {
+        "value": "Harmful Digital Comms - Netsafe",
+        "label": "Harmful Digital Comms - Netsafe"
+      },
+      {
+        "value": "Health - A&E",
+        "label": "Health - A&E"
+      },
+      {
+        "value": "Health - GP",
+        "label": "Health - GP"
+      },
+      {
+        "value": "Health - Healthline",
+        "label": "Health - Healthline"
+      },
+      {
+        "value": "Helpline - 1737",
+        "label": "Helpline - 1737"
+      },
+      {
+        "value": "Helpline - Lifeline",
+        "label": "Helpline - Lifeline"
+      },
+      {
+        "value": "Homelessness - City Mission",
+        "label": "Homelessness - City Mission"
+      },
+      {
+        "value": "Homelessness - Salvation Army",
+        "label": "Homelessness - Salvation Army"
+      },
+      {
+        "value": "Human Rights - Disability Support",
+        "label": "Human Rights - Disability Support"
+      },
+      {
+        "value": "Human Rights - Human Rights Commission",
+        "label": "Human Rights - Human Rights Commission"
+      },
+      {
+        "value": "Legal - Youthlaw",
+        "label": "Legal - Youthlaw"
+      },
+      {
+        "value": "Legal - Community Law",
+        "label": "Legal - Community Law"
+      },
+      {
+        "value": "Mental Health - Crisis & Assessment Team",
+        "label": "Mental Health - Crisis & Assessment Team"
+      },
+      {
+        "value": "Mental Health - EDANZ",
+        "label": "Mental Health - EDANZ"
+      },
+      {
+        "value": "Sexual Health - Family Planning",
+        "label": "Sexual Health - Family Planning"
+      },
+      {
+        "value": "Sexual/Gender Identity - Rainbow Youth",
+        "label": "Sexual/Gender Identity - Rainbow Youth"
+      },
+      {
+        "value": "Sexual/Gender Identity - Outline",
+        "label": "Sexual/Gender Identity - Outline"
+      },
+      {
+        "value": "Youthline Office",
+        "label": "Youthline Office"
+      },
+      {
+        "value": "Youthline - Other service",
+        "label": "Youthline - Other service"
+      },
+      {
+        "value": "Other referral not listed here",
+        "label": "Other referral not listed here"
       }
     ]
   },
   {
     "name": "howDidYouKnowAboutOurLine",
-    "label": "How did the client know about us?",
+    "label": "How did the client hear about the Helpline?",
     "type": "select",
     "unknownOption": "Unknown",
     "options": [
@@ -71,35 +247,70 @@
         "label": ""
       },
       {
-        "value": "Word of mouth",
-        "label": "Word of mouth"
+        "value": "Family",
+        "label": "Family"
+      },
+      {
+        "value": "Friends",
+        "label": "Friends"
+      },
+      {
+        "value": "Youthline Service, e.g. Helpline/Youth Worker/Counselling",
+        "label": "Youthline Service, e.g. Helpline/Youth Worker/Counselling"
+      },
+      {
+        "value": "Social Media Post, e.g., Instagram/Facebook",
+        "label": "Social Media Post, e.g., Instagram/Facebook"
+      },
+      {
+        "value": "Social Media Influencer",
+        "label": "Social Media Influencer"
+      },
+      {
+        "value": "Online Advertising, e.g., Google",
+        "label": "Online Advertising, e.g., Google"
+      },
+      {
+        "value": "Youthline Website",
+        "label": "Youthline Website"
       },
       {
-        "value": "Media",
-        "label": "Media"
+        "value": "Social Worker or Youth Worker",
+        "label": "Social Worker or Youth Worker"
       },
       {
-        "value": "Friend",
-        "label": "Friend"
+        "value": "Mental Health Professional",
+        "label": "Mental Health Professional"
       },
       {
-        "value": "School",
-        "label": "School"
+        "value": "Doctor/GP",
+        "label": "Doctor/GP"
       },
       {
-        "value": "Others",
-        "label": "Others"
+        "value": "School or University Program",
+        "label": "School or University Program"
+      },
+      {
+        "value": "Community Event",
+        "label": "Community Event"
+      },
+      {
+        "value": "Physical Advertisements, e.g., Billboard",
+        "label": "Physical Advertisements, e.g., Billboard"
+      },
+      {
+        "value": "Other",
+        "label": "Other"
+      },
+      {
+        "value": "Unknown",
+        "label": "Unknown"
       }
     ]
   },
   {
-    "name": "didTheChildFeelWeSolvedTheirProblem",
-    "label": "Did the client feel supported after contacting us?",
-    "type": "mixed-checkbox"
-  },
-  {
-    "name": "didYouDiscussConfidentialityWithClient",
+    "name": "didYouDiscussRightsWithTheChild",
     "label": "Did you discuss confidentiality and limits of confidentiality with the client?",
     "type": "mixed-checkbox"
   }
-]
+]
\ No newline at end of file
diff --git a/plugin-hrm-form/src/HrmFormPlugin.tsx b/plugin-hrm-form/src/HrmFormPlugin.tsx
index fac6eadd73..a4dd4aa37b 100644
--- a/plugin-hrm-form/src/HrmFormPlugin.tsx
+++ b/plugin-hrm-form/src/HrmFormPlugin.tsx
@@ -115,6 +115,7 @@ const setUpComponents = (
   }
 
   if (featureFlags.enable_case_management) Components.setUpCaseList();
+  if (featureFlags.enable_client_profiles) Components.setUpClientProfileList();
 
   if (!Boolean(setupObject.helpline)) Components.setUpDeveloperComponents(translateUI); // utilities for developers only
 
diff --git a/plugin-hrm-form/src/___tests__/components/Pagination.test.js b/plugin-hrm-form/src/___tests__/components/Pagination.test.js
index 780846d92f..0bac82c00e 100644
--- a/plugin-hrm-form/src/___tests__/components/Pagination.test.js
+++ b/plugin-hrm-form/src/___tests__/components/Pagination.test.js
@@ -20,8 +20,8 @@ import { StorelessThemeProvider } from '@twilio/flex-ui';
 import { range } from 'lodash';
 
 import HrmTheme from '../../styles/HrmTheme';
-import { PaginationButton } from '../../styles/caseList';
-import Pagination, { getPaginationNumbers } from '../../components/Pagination';
+import { PaginationButton } from '../../components/pagination/styles';
+import Pagination, { getPaginationNumbers } from '../../components/pagination';
 
 const themeConf = {
   colorTheme: HrmTheme,
diff --git a/plugin-hrm-form/src/components/caseList/CaseList.tsx b/plugin-hrm-form/src/components/caseList/CaseList.tsx
index 4dbe9de0e3..d3fb8625b7 100644
--- a/plugin-hrm-form/src/components/caseList/CaseList.tsx
+++ b/plugin-hrm-form/src/components/caseList/CaseList.tsx
@@ -22,7 +22,8 @@ import { DefinitionVersion } from 'hrm-form-definitions';
 import Case from '../case';
 import { StandaloneITask, Case as CaseType } from '../../types/types';
 import CaseListTable from './CaseListTable';
-import { CaseListContainer, CenteredContainer, SomethingWentWrongText } from '../../styles/caseList';
+import { ListContainer, CenteredContainer, SomethingWentWrongText } from '../../styles/table';
+import { listCases } from '../../services/CaseService';
 import { CaseLayout } from '../../styles/case';
 import * as ConfigActions from '../../states/configuration/actions';
 import { StandaloneSearchContainer } from '../../styles/search';
@@ -136,14 +137,14 @@ const CaseList: React.FC<Props> = ({
   }
   return (
     <>
-      <CaseListContainer>
+      <ListContainer>
         <CaseListTable
           loading={listLoading}
           caseList={caseList}
           caseCount={caseCount}
           handleClickViewCase={handleClickViewCase}
         />
-      </CaseListContainer>
+      </ListContainer>
     </>
   );
 };
diff --git a/plugin-hrm-form/src/components/caseList/CaseListTable.tsx b/plugin-hrm-form/src/components/caseList/CaseListTable.tsx
index 1b1cf44bfc..f152e06b9d 100644
--- a/plugin-hrm-form/src/components/caseList/CaseListTable.tsx
+++ b/plugin-hrm-form/src/components/caseList/CaseListTable.tsx
@@ -20,11 +20,11 @@ import { TableBody, CircularProgress } from '@material-ui/core';
 import { connect, ConnectedProps } from 'react-redux';
 import { Template } from '@twilio/flex-ui';
 
-import { TableContainer, CLTable, CLTableRow, CLNamesCell, CLTableCell, CLTableBodyFont } from '../../styles/caseList';
+import { TableContainer, StandardTable, DataTableRow, LoadingCell, DataCell, TableBodyFont } from '../../styles/table';
 import Filters from './filters/Filters';
 import CaseListTableHead from './CaseListTableHead';
 import CaseListTableRow from './CaseListTableRow';
-import Pagination from '../Pagination';
+import Pagination from '../pagination';
 import { CASES_PER_PAGE } from './CaseList';
 import type { Case } from '../../types/types';
 import * as CaseListSettingsActions from '../../states/caseList/settings';
@@ -63,11 +63,11 @@ const CaseListTable: React.FC<Props> = ({
     <>
       <Filters caseCount={caseCount} currentDefinitionVersion={currentDefinitionVersion} />
       <TableContainer>
-        <CLTable tabIndex={0} aria-labelledby="CaseList-Cases-label" data-testid="CaseList-Table">
+        <StandardTable tabIndex={0} aria-labelledby="CaseList-Cases-label" data-testid="CaseList-Table">
           <CaseListTableHead />
           {loading && (
             <TableBody>
-              <CLTableRow
+              <DataTableRow
                 data-testid="CaseList-Table-Loading"
                 style={{
                   position: 'relative',
@@ -75,10 +75,10 @@ const CaseListTable: React.FC<Props> = ({
                   height: `${(caseList.length || CASES_PER_PAGE) * ROW_HEIGHT}px`,
                 }}
               >
-                <CLNamesCell style={{ position: 'absolute', textAlign: 'center', width: '100%', top: '40%' }}>
+                <LoadingCell>
                   <CircularProgress size={50} />
-                </CLNamesCell>
-              </CLTableRow>
+                </LoadingCell>
+              </DataTableRow>
             </TableBody>
           )}
           {!loading && (
@@ -98,17 +98,17 @@ const CaseListTable: React.FC<Props> = ({
                   );
                 })
               ) : (
-                <CLTableRow>
-                  <CLTableCell colSpan={8}>
-                    <CLTableBodyFont style={{ paddingLeft: '6px', fontWeight: 'initial' }}>
+                <DataTableRow>
+                  <DataCell colSpan={8}>
+                    <TableBodyFont style={{ paddingLeft: '6px', fontWeight: 'initial' }}>
                       <Template code="CaseList-NoCases" />
-                    </CLTableBodyFont>
-                  </CLTableCell>
-                </CLTableRow>
+                    </TableBodyFont>
+                  </DataCell>
+                </DataTableRow>
               )}
             </TableBody>
           )}
-        </CLTable>
+        </StandardTable>
       </TableContainer>
       {caseList.length > 0 ? (
         <div style={{ minHeight: '100px' }}>
diff --git a/plugin-hrm-form/src/components/caseList/CaseListTableHead.tsx b/plugin-hrm-form/src/components/caseList/CaseListTableHead.tsx
index 1fc1e514ee..4e07cbba80 100644
--- a/plugin-hrm-form/src/components/caseList/CaseListTableHead.tsx
+++ b/plugin-hrm-form/src/components/caseList/CaseListTableHead.tsx
@@ -20,10 +20,11 @@ import { TableHead, TableRow } from '@material-ui/core';
 
 import CaseListTableHeadCell from './CaseListTableHeadCell';
 import { ListCasesSortBy, ListCasesSortDirection } from '../../types/types';
+import { TableHeader } from '../../styles/table';
 
 const CaseListTableHead = () => {
   return (
-    <TableHead style={{ boxShadow: '0 2px 0 0 #E5E6E7' }} data-testid="CaseList-TableHead">
+    <TableHeader data-testid="CaseList-TableHead">
       <TableRow>
         <CaseListTableHeadCell
           column={ListCasesSortBy.ID}
@@ -54,7 +55,7 @@ const CaseListTableHead = () => {
           localizedText="CaseList-THFollowUp"
         />
       </TableRow>
-    </TableHead>
+    </TableHeader>
   );
 };
 
diff --git a/plugin-hrm-form/src/components/caseList/CaseListTableHeadCell.tsx b/plugin-hrm-form/src/components/caseList/CaseListTableHeadCell.tsx
index 1574309660..8d34ba1a75 100644
--- a/plugin-hrm-form/src/components/caseList/CaseListTableHeadCell.tsx
+++ b/plugin-hrm-form/src/components/caseList/CaseListTableHeadCell.tsx
@@ -20,7 +20,7 @@ import { Template } from '@twilio/flex-ui';
 import { ArrowDownward } from '@material-ui/icons';
 import { connect, ConnectedProps } from 'react-redux';
 
-import { CLTableHeaderFont, CLHeaderTableCell } from '../../styles/caseList';
+import { TableHeaderFont, HeaderCell } from '../../styles/table';
 import { ListCasesQueryParams, ListCasesSortDirection } from '../../types/types';
 import * as CaseListSettingsActions from '../../states/caseList/settings';
 import { RootState } from '../../states';
@@ -104,18 +104,18 @@ const CaseListTableHeadCell: React.FC<Props> = ({
     return 'left';
   };
   return (
-    <CLHeaderTableCell
+    <HeaderCell
       style={{ width: width || '8%', cursor: cursor() }}
       align="right"
       variant="head"
       onClick={handleClick}
       scope="col"
     >
-      <CLTableHeaderFont style={{ borderBottom: borderBottom(), whiteSpace: 'nowrap', textAlign: textAlign() }}>
+      <TableHeaderFont style={{ borderBottom: borderBottom(), whiteSpace: 'nowrap', textAlign: textAlign() }}>
         <Template code={localizedText} />
         <span aria-hidden="true">{drawSort()}</span>
-      </CLTableHeaderFont>
-    </CLHeaderTableCell>
+      </TableHeaderFont>
+    </HeaderCell>
   );
 };
 
diff --git a/plugin-hrm-form/src/components/caseList/CaseListTableRow.tsx b/plugin-hrm-form/src/components/caseList/CaseListTableRow.tsx
index b23871a242..1a17bd3794 100644
--- a/plugin-hrm-form/src/components/caseList/CaseListTableRow.tsx
+++ b/plugin-hrm-form/src/components/caseList/CaseListTableRow.tsx
@@ -26,16 +26,16 @@ import { RootState } from '../../states';
 import * as ConfigActions from '../../states/configuration/actions';
 import { Case, CounselorHash } from '../../types/types';
 import {
-  CLTableRow,
-  CLTableCell,
-  CLNamesCell,
-  CLSummaryCell,
-  CLNumberCell,
-  CLTableBodyFont,
-  CLCaseNumberContainer,
-  CLCaseIDButton,
-  CLTableSummaryFont,
-} from '../../styles/caseList';
+  DataTableRow,
+  DataCell,
+  TextCell,
+  SummaryCell,
+  NumericCell,
+  TableBodyFont,
+  IdentifierContainer,
+  IdentifierActionButton,
+  TableSummaryFont,
+} from '../../styles/table';
 import { Box, HiddenText } from '../../styles/HrmStyles';
 import { formatName, getShortSummary } from '../../utils';
 import { getContactTags } from '../../utils/categories';
@@ -105,31 +105,31 @@ const CaseListTableRow: React.FC<Props> = ({ caseItem, counselorsHash, handleCli
     };
 
     return (
-      <CLTableRow data-testid="CaseList-TableRow" onClick={handleClickViewCase(caseItem)}>
-        <CLNumberCell>
-          <CLCaseNumberContainer>
-            <CLCaseIDButton tabIndex={0} data-testid="CaseList-CaseID-Button">
+      <DataTableRow data-testid="CaseList-TableRow" onClick={handleClickViewCase(caseItem)}>
+        <NumericCell>
+          <IdentifierContainer>
+            <IdentifierActionButton tabIndex={0} data-testid="CaseList-CaseID-Button">
               <HiddenText>
                 <Template code={statusString} />
                 <Template code="CaseList-THCase" />
               </HiddenText>
               {caseItem.id}
-            </CLCaseIDButton>
-            <CLTableBodyFont style={{ color: '#606B85', paddingTop: '2px', textAlign: 'center' }}>
+            </IdentifierActionButton>
+            <TableBodyFont style={{ color: '#606B85', paddingTop: '2px', textAlign: 'center' }}>
               {getCaseStatusLabel(caseItem.status)}
-            </CLTableBodyFont>
-          </CLCaseNumberContainer>
-        </CLNumberCell>
-        <CLNamesCell>
-          <CLTableBodyFont>{contactLabelFromHrmContact(definitionVersion, contact)}</CLTableBodyFont>
-        </CLNamesCell>
-        <CLTableCell>
-          <CLTableBodyFont>{counselor}</CLTableBodyFont>
-        </CLTableCell>
-        <CLSummaryCell>
-          <CLTableSummaryFont>{shortSummary}</CLTableSummaryFont>
-        </CLSummaryCell>
-        <CLTableCell>
+            </TableBodyFont>
+          </IdentifierContainer>
+        </NumericCell>
+        <TextCell>
+          <TableBodyFont>{contactLabelFromHrmContact(definitionVersion, contact)}</TableBodyFont>
+        </TextCell>
+        <DataCell>
+          <TableBodyFont>{counselor}</TableBodyFont>
+        </DataCell>
+        <SummaryCell>
+          <TableSummaryFont>{shortSummary}</TableSummaryFont>
+        </SummaryCell>
+        <DataCell>
           <div style={{ display: 'inline-block', flexDirection: 'column' }}>
             {categories &&
               categories.map(category => (
@@ -138,26 +138,26 @@ const CaseListTableRow: React.FC<Props> = ({ caseItem, counselorsHash, handleCli
                 </Box>
               ))}
           </div>
-        </CLTableCell>
-        <CLTableCell>
-          <CLTableBodyFont style={{ textAlign: 'right' }}>{opened}</CLTableBodyFont>
-        </CLTableCell>
-        <CLTableCell>
-          <CLTableBodyFont style={{ textAlign: 'right' }}>{updated}</CLTableBodyFont>
-        </CLTableCell>
-        <CLTableCell>
-          <CLTableBodyFont style={{ textAlign: 'right' }}>{followUpDate}</CLTableBodyFont>
-        </CLTableCell>
-      </CLTableRow>
+        </DataCell>
+        <DataCell>
+          <TableBodyFont style={{ textAlign: 'right' }}>{opened}</TableBodyFont>
+        </DataCell>
+        <DataCell>
+          <TableBodyFont style={{ textAlign: 'right' }}>{updated}</TableBodyFont>
+        </DataCell>
+        <DataCell>
+          <TableBodyFont style={{ textAlign: 'right' }}>{followUpDate}</TableBodyFont>
+        </DataCell>
+      </DataTableRow>
     );
   } catch (err) {
     console.error('Error rendering case row.', err);
     return (
-      <CLTableRow>
-        <CLTableCell colSpan={100}>
-          <CLTableBodyFont>INVALID ROW</CLTableBodyFont>
-        </CLTableCell>
-      </CLTableRow>
+      <DataTableRow>
+        <DataCell colSpan={100}>
+          <TableBodyFont>INVALID ROW</TableBodyFont>
+        </DataCell>
+      </DataTableRow>
     );
   }
 };
diff --git a/plugin-hrm-form/src/components/caseList/filters/CategoriesFilter.tsx b/plugin-hrm-form/src/components/caseList/filters/CategoriesFilter.tsx
index 13588125e7..5f0e2375bf 100644
--- a/plugin-hrm-form/src/components/caseList/filters/CategoriesFilter.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/CategoriesFilter.tsx
@@ -33,7 +33,7 @@ import {
   FiltersApplyButton,
   FiltersClearButton,
   MultiSelectUnorderedList,
-} from '../../../styles/caseList/filters';
+} from '../../../styles/table/filters';
 import type { Item } from './MultiSelectFilter';
 import CategorySection from './CategorySection';
 
diff --git a/plugin-hrm-form/src/components/caseList/filters/CategorySection.tsx b/plugin-hrm-form/src/components/caseList/filters/CategorySection.tsx
index 9bf27510f4..cbe958a738 100644
--- a/plugin-hrm-form/src/components/caseList/filters/CategorySection.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/CategorySection.tsx
@@ -30,7 +30,7 @@ import {
   CategoryTitle,
   ArrowButton,
   SubcategoryList,
-} from '../../../styles/caseList/filters';
+} from '../../../styles/table/filters';
 import type { Category } from './CategoriesFilter';
 
 type OwnProps = {
diff --git a/plugin-hrm-form/src/components/caseList/filters/DateRangeFilter.tsx b/plugin-hrm-form/src/components/caseList/filters/DateRangeFilter.tsx
index ffc1486a78..47f03e104a 100644
--- a/plugin-hrm-form/src/components/caseList/filters/DateRangeFilter.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/DateRangeFilter.tsx
@@ -32,7 +32,7 @@ import {
   MultiSelectButton,
   MultiSelectUnorderedList,
   DateErrorMessage,
-} from '../../../styles/caseList/filters';
+} from '../../../styles/table/filters';
 import { DateFilterValue, isExistsDateFilterValue } from '../../../states/caseList/dateFilters';
 
 type ReactHookFormValues = {
diff --git a/plugin-hrm-form/src/components/caseList/filters/Filters.tsx b/plugin-hrm-form/src/components/caseList/filters/Filters.tsx
index f9412c63b9..0c82ce4952 100644
--- a/plugin-hrm-form/src/components/caseList/filters/Filters.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/Filters.tsx
@@ -22,13 +22,7 @@ import FilterList from '@material-ui/icons/FilterList';
 import DateRange from '@material-ui/icons/DateRange';
 import { connect, ConnectedProps } from 'react-redux';
 
-import {
-  FiltersContainer,
-  FiltersResetAll,
-  CasesTitle,
-  CasesCount,
-  FilterTitle,
-} from '../../../styles/caseList/filters';
+import { FiltersContainer, FiltersResetAll, CasesTitle, CasesCount, FilterTitle } from '../../../styles/table/filters';
 import MultiSelectFilter, { Item } from './MultiSelectFilter';
 import { CategoryFilter, CounselorHash } from '../../../types/types';
 import DateRangeFilter from './DateRangeFilter';
diff --git a/plugin-hrm-form/src/components/caseList/filters/MultiSelectFilter.tsx b/plugin-hrm-form/src/components/caseList/filters/MultiSelectFilter.tsx
index 6b4955def2..2b2ea3bdb1 100644
--- a/plugin-hrm-form/src/components/caseList/filters/MultiSelectFilter.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/MultiSelectFilter.tsx
@@ -35,7 +35,7 @@ import {
   FiltersApplyButton,
   FiltersClearButton,
   FiltersCheckbox,
-} from '../../../styles/caseList/filters';
+} from '../../../styles/table/filters';
 
 export type Item = {
   value: string;
diff --git a/plugin-hrm-form/src/components/caseList/filters/SearchInput.tsx b/plugin-hrm-form/src/components/caseList/filters/SearchInput.tsx
index ac2745dd57..32542737fe 100644
--- a/plugin-hrm-form/src/components/caseList/filters/SearchInput.tsx
+++ b/plugin-hrm-form/src/components/caseList/filters/SearchInput.tsx
@@ -20,7 +20,7 @@ import React, { Ref } from 'react';
 import SearchIcon from '@material-ui/icons/Search';
 import ClearIcon from '@material-ui/icons/Clear';
 
-import { MultiSelectSearchInput } from '../../../styles/caseList/filters';
+import { MultiSelectSearchInput } from '../../../styles/table/filters';
 
 type OwnProps = {
   label: string;
diff --git a/plugin-hrm-form/src/components/Pagination.tsx b/plugin-hrm-form/src/components/pagination/index.tsx
similarity index 91%
rename from plugin-hrm-form/src/components/Pagination.tsx
rename to plugin-hrm-form/src/components/pagination/index.tsx
index 33bdeeb8f2..e67daf028e 100644
--- a/plugin-hrm-form/src/components/Pagination.tsx
+++ b/plugin-hrm-form/src/components/pagination/index.tsx
@@ -21,8 +21,8 @@ import { range } from 'lodash';
 import { ChevronLeft, ChevronRight } from '@material-ui/icons';
 import { Template } from '@twilio/flex-ui';
 
-import { PaginationButton, PaginationChevron, ButtonText } from '../styles/caseList';
-import { HiddenText, PaginationRow } from '../styles/HrmStyles';
+import { PaginationRow, PaginationButton, PaginationChevron, PaginationButtonText } from './styles';
+import { HiddenText } from '../../styles/HrmStyles';
 
 export const getPaginationNumbers = (page, pageCount) => {
   if (pageCount <= 11) return range(pageCount);
@@ -35,9 +35,9 @@ export const getPaginationNumbers = (page, pageCount) => {
 const renderPaginationButton = (page, handleChangePage, disabled) => n => {
   if (n === -1)
     return (
-      <ButtonText style={{ padding: '6px 10px', margin: '0 2px' }} key={`ellipsis-${Math.random()}`}>
+      <PaginationButtonText style={{ padding: '6px 10px', margin: '0 2px' }} key={`ellipsis-${Math.random()}`}>
         ...
-      </ButtonText>
+      </PaginationButtonText>
     );
 
   return (
@@ -53,7 +53,7 @@ const renderPaginationButton = (page, handleChangePage, disabled) => n => {
       aria-disabled={disabled}
       style={{ opacity: disabled ? 0.5 : 1 }}
     >
-      <ButtonText highlight={page === n}>{n + 1}</ButtonText>
+      <PaginationButtonText highlight={page === n}>{n + 1}</PaginationButtonText>
     </PaginationButton>
   );
 };
diff --git a/plugin-hrm-form/src/components/pagination/styles.tsx b/plugin-hrm-form/src/components/pagination/styles.tsx
new file mode 100644
index 0000000000..054d869d99
--- /dev/null
+++ b/plugin-hrm-form/src/components/pagination/styles.tsx
@@ -0,0 +1,66 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+import { styled } from '@twilio/flex-ui';
+
+import { FontOpenSans } from '../../styles/HrmStyles';
+
+type PaginationRowProps = {
+  transparent?: boolean;
+};
+
+export const PaginationRow = styled('nav')<PaginationRowProps>`
+  display: flex;
+  justify-content: center;
+  background-color: transparent;
+  padding: 40px auto;
+  margin: 40px auto;
+`;
+PaginationRow.displayName = 'PaginationRow';
+
+type PaginationButtonProps = {
+  highlight?: Boolean;
+};
+
+export const PaginationButton = styled('button')<PaginationButtonProps>`
+  background-color: ${props => (props.highlight ? '#1976D2' : 'transparent')};
+  box-shadow: ${props => (props.highlight ? '0 1px 1px 0 rgba(0, 0, 0, 0.06)' : '0')};
+  border-radius: 4px;
+  padding: 6px 10px;
+  margin: 0 2px;
+  border: none;
+  &:focus {
+    outline: auto;
+  }
+`;
+PaginationButton.displayName = 'PaginationButton';
+
+export const PaginationChevron = styled(PaginationButton)`
+  margin: 0;
+  padding: 7px 3px;
+`;
+PaginationChevron.displayName = 'PaginationChevron';
+
+type PaginationButtonTextProps = {
+  highlight?: Boolean;
+};
+
+export const PaginationButtonText = styled(FontOpenSans)<PaginationButtonTextProps>`
+  font-size: 13px;
+  color: ${props => (props.highlight ? '#ffffff' : '#666c7c')};
+  font-weight: ${props => (props.highlight ? 700 : 600)};
+`;
+PaginationButtonText.displayName = 'PaginationButtonText';
diff --git a/plugin-hrm-form/src/components/profile/ProfileDetails.tsx b/plugin-hrm-form/src/components/profile/ProfileDetails.tsx
index fc8f965312..4f7bb50309 100644
--- a/plugin-hrm-form/src/components/profile/ProfileDetails.tsx
+++ b/plugin-hrm-form/src/components/profile/ProfileDetails.tsx
@@ -17,7 +17,6 @@
 import React from 'react';
 import { connect, ConnectedProps } from 'react-redux';
 import { Icon, Template } from '@twilio/flex-ui';
-import { ProfileSectionDefinition } from 'hrm-form-definitions';
 
 import { Box, HiddenText, Row, HorizontalLine } from '../../styles/HrmStyles';
 import { newOpenModalAction } from '../../states/routing/actions';
diff --git a/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListPage.tsx b/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListPage.tsx
new file mode 100644
index 0000000000..94d7860f04
--- /dev/null
+++ b/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListPage.tsx
@@ -0,0 +1,51 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+import React from 'react';
+
+import { StandardTable, DataTableRow, DataCell } from '../../../styles/table';
+import { useProfileListLoader } from '../../../states/profile/hooks/useProfileListLoader';
+import { useProfileList } from '../../../states/profile/hooks/useProfileList';
+import ProfileListRow from './ProfileListRow';
+
+const ProfileListPage: React.FC = () => {
+  useProfileListLoader();
+  const { loading, profileIds } = useProfileList();
+
+  if (loading) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <>
+      <h1>Clients</h1>
+      <StandardTable>
+        <DataTableRow>
+          <DataCell> Client</DataCell>
+          <DataCell> Identifier(s)</DataCell>
+          <DataCell> Status</DataCell>
+          <DataCell> Overview</DataCell>
+        </DataTableRow>
+        {profileIds?.map(profileId => (
+          <ProfileListRow key={profileId} profileId={profileId} />
+        ))}
+      </StandardTable>
+    </>
+  );
+};
+
+// eslint-disable-next-line import/no-unused-modules
+export default ProfileListPage;
diff --git a/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListRow.tsx b/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListRow.tsx
new file mode 100644
index 0000000000..e8b0f838a1
--- /dev/null
+++ b/plugin-hrm-form/src/components/profile/ProfileListPage/ProfileListRow.tsx
@@ -0,0 +1,54 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { useProfile } from '../../../states/profile/hooks/useProfile';
+import { Profile } from '../../../states/profile/types';
+import { DataTableRow, DataCell } from '../../../styles/table';
+import { newOpenModalAction } from '../../../states/routing/actions';
+
+type OwnProps = {
+  profileId: Profile['id'];
+};
+
+type Props = OwnProps & {
+  openProfileDetails: (profileId: string) => void;
+};
+
+const ProfileListRow: React.FC<Props> = ({ profileId, openProfileDetails }) => {
+  const { profile } = useProfile({ profileId });
+
+  return (
+    <DataTableRow>
+      <DataCell>{profile?.id}</DataCell>
+      <DataCell>id</DataCell>
+      <DataCell>blocked abusive</DataCell>
+      <DataCell>summary</DataCell>
+    </DataTableRow>
+  );
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    openProfileDetails: profileId =>
+      dispatch(newOpenModalAction({ route: 'profile', subroute: 'home', profileId }, 'standalone-task-sid')),
+  };
+};
+
+const connector = connect(null, mapDispatchToProps);
+export default connector(ProfileListRow);
diff --git a/plugin-hrm-form/src/components/profile/ProfileListPage/index.tsx b/plugin-hrm-form/src/components/profile/ProfileListPage/index.tsx
new file mode 100644
index 0000000000..1a008823cf
--- /dev/null
+++ b/plugin-hrm-form/src/components/profile/ProfileListPage/index.tsx
@@ -0,0 +1,19 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+import ProfileListPage from './ProfileListPage';
+
+export default ProfileListPage;
diff --git a/plugin-hrm-form/src/components/profile/ProfileRelationshipList.tsx b/plugin-hrm-form/src/components/profile/ProfileRelationshipList.tsx
index 62b316da86..3ef09b7d02 100644
--- a/plugin-hrm-form/src/components/profile/ProfileRelationshipList.tsx
+++ b/plugin-hrm-form/src/components/profile/ProfileRelationshipList.tsx
@@ -18,7 +18,7 @@ import React, { useEffect } from 'react';
 import { connect, ConnectedProps } from 'react-redux';
 import { Template } from '@twilio/flex-ui';
 
-import Pagination from '../Pagination';
+import Pagination from '../pagination';
 import asyncDispatch from '../../states/asyncDispatch';
 import * as profileActions from '../../states/profile/actions';
 import * as ProfileTypes from '../../states/profile/types';
diff --git a/plugin-hrm-form/src/components/resources/search/SearchResourcesForm.tsx b/plugin-hrm-form/src/components/resources/search/SearchResourcesForm.tsx
index ed8961ebdc..4b082ae685 100644
--- a/plugin-hrm-form/src/components/resources/search/SearchResourcesForm.tsx
+++ b/plugin-hrm-form/src/components/resources/search/SearchResourcesForm.tsx
@@ -55,7 +55,7 @@ import {
 import SearchInput from '../../caseList/filters/SearchInput';
 import { getTemplateStrings } from '../../../hrmConfig';
 import asyncDispatch from '../../../states/asyncDispatch';
-import { FiltersCheckbox } from '../../../styles/caseList/filters';
+import { FiltersCheckbox } from '../../../styles/table/filters';
 import SearchAutoComplete from './SearchAutoComplete';
 import { namespace, referrableResourcesBase } from '../../../states/storeNamespaces';
 
diff --git a/plugin-hrm-form/src/components/resources/search/SearchResourcesResults.tsx b/plugin-hrm-form/src/components/resources/search/SearchResourcesResults.tsx
index 4bcadd8096..9a4a6ebf57 100644
--- a/plugin-hrm-form/src/components/resources/search/SearchResourcesResults.tsx
+++ b/plugin-hrm-form/src/components/resources/search/SearchResourcesResults.tsx
@@ -41,7 +41,7 @@ import {
   SearchSettings,
 } from '../../../states/resources/search';
 import { viewResourceAction } from '../../../states/resources';
-import Pagination from '../../Pagination';
+import Pagination from '../../pagination';
 import asyncDispatch from '../../../states/asyncDispatch';
 import ResourcePreview from './ResourcePreview';
 import { namespace, referrableResourcesBase } from '../../../states/storeNamespaces';
diff --git a/plugin-hrm-form/src/components/search/SearchResults/index.tsx b/plugin-hrm-form/src/components/search/SearchResults/index.tsx
index acb155f139..b860d1dd4a 100644
--- a/plugin-hrm-form/src/components/search/SearchResults/index.tsx
+++ b/plugin-hrm-form/src/components/search/SearchResults/index.tsx
@@ -44,7 +44,7 @@ import {
   Text,
   NoResultTextLink,
 } from '../../../styles/search';
-import Pagination from '../../Pagination';
+import Pagination from '../../pagination';
 import { getPermissionsForContact, getPermissionsForCase, PermissionActions } from '../../../permissions';
 import { namespace } from '../../../states/storeNamespaces';
 import { RootState } from '../../../states';
diff --git a/plugin-hrm-form/src/components/sideLinks/ProfileListSideLink.tsx b/plugin-hrm-form/src/components/sideLinks/ProfileListSideLink.tsx
new file mode 100644
index 0000000000..5e0fcfe23f
--- /dev/null
+++ b/plugin-hrm-form/src/components/sideLinks/ProfileListSideLink.tsx
@@ -0,0 +1,41 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+/* eslint-disable react/prop-types */
+import React from 'react';
+import { Template, SideLink, SideNavChildrenProps } from '@twilio/flex-ui';
+import DirectoryIcon from '@material-ui/icons/Portrait';
+import DirectoryBoldIcon from '@material-ui/icons/PortraitTwoTone';
+
+type Props = SideNavChildrenProps & { showLabel: boolean; onClick: () => void };
+
+const ProfileListSideLink: React.FC<Props> = ({ showLabel, activeView, onClick }) => {
+  return (
+    <SideLink
+      showLabel={showLabel}
+      icon={<DirectoryIcon />}
+      iconActive={<DirectoryBoldIcon />}
+      isActive={activeView === 'profile-list'}
+      onClick={onClick}
+    >
+      <Template code="SideNavProfileList" />
+    </SideLink>
+  );
+};
+
+ProfileListSideLink.displayName = 'ProfileListSideLink';
+
+export default ProfileListSideLink;
diff --git a/plugin-hrm-form/src/services/ProfileService.ts b/plugin-hrm-form/src/services/ProfileService.ts
index 49aa22fedf..70713c7ec4 100644
--- a/plugin-hrm-form/src/services/ProfileService.ts
+++ b/plugin-hrm-form/src/services/ProfileService.ts
@@ -63,3 +63,29 @@ export const updateProfileSection = (profileId: ProfileId, sectionId: ProfileSec
     body: JSON.stringify({ content }),
   });
 };
+
+type GetProfileListParams = {
+  offset?: number;
+  limit?: number;
+  sortBy?: 'id' | 'name' | 'createdAt' | 'updatedAt';
+  sortDirection?: 'asc' | 'desc';
+  profileFlagIds?: ProfileFlag['id'][];
+};
+
+export const getProfileList = ({
+  offset = 0,
+  limit = 10,
+  sortBy = 'id',
+  sortDirection = null,
+  profileFlagIds = null,
+}: // TODO: remove default empty object once params are passed through
+GetProfileListParams = {}) => {
+  const searchParams = new URLSearchParams();
+  searchParams.append('offset', offset.toString());
+  searchParams.append('limit', limit.toString());
+  searchParams.append('sortBy', sortBy);
+  if (sortDirection) searchParams.append('sortDirection', sortDirection);
+  if (profileFlagIds) searchParams.append('profileFlagIds', profileFlagIds.join(','));
+
+  return fetchHrmApi(`/profiles?${searchParams.toString()}`);
+};
diff --git a/plugin-hrm-form/src/states/profile/actions.ts b/plugin-hrm-form/src/states/profile/actions.ts
index b9b8cbf967..beda4ccbd3 100644
--- a/plugin-hrm-form/src/states/profile/actions.ts
+++ b/plugin-hrm-form/src/states/profile/actions.ts
@@ -19,3 +19,4 @@
 export * from './identifiers';
 export * from './profiles';
 export * from './profileFlags';
+export * from './profileList';
diff --git a/plugin-hrm-form/src/states/profile/hooks/useIdentifier.ts b/plugin-hrm-form/src/states/profile/hooks/useIdentifier.ts
index 22c7e6d777..4df0fc110e 100644
--- a/plugin-hrm-form/src/states/profile/hooks/useIdentifier.ts
+++ b/plugin-hrm-form/src/states/profile/hooks/useIdentifier.ts
@@ -13,13 +13,12 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see https://www.gnu.org/licenses/.
  */
-import { useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
 import asyncDispatch from '../../asyncDispatch';
 import * as IdentifierActions from '../identifiers';
 import * as ProfileSelectors from '../selectors';
-import { namespace, profileBase } from '../../storeNamespaces';
 import { RootState } from '../..';
 import { Identifier } from '../types';
 
@@ -86,7 +85,6 @@ export const useIdentifierByIdentifier = (params: UseIdentifierByIdentifierParam
   const identifier = useSelector(
     (state: RootState) => ProfileSelectors.selectIdentifierByIdentifier(state, identifierIdentifier)?.data,
   );
-
   return {
     identifier,
     ...useIdentifierByIdentifierLoader(params),
diff --git a/plugin-hrm-form/src/states/profile/hooks/useProfileList.ts b/plugin-hrm-form/src/states/profile/hooks/useProfileList.ts
new file mode 100644
index 0000000000..d3cde92f0d
--- /dev/null
+++ b/plugin-hrm-form/src/states/profile/hooks/useProfileList.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+import { useSelector } from 'react-redux';
+
+import { Profile, ProfileListState } from '../types';
+import * as ProfileSelectors from '../selectors';
+
+type UseProfileListReturn = {
+  profileIds: Profile['id'][] | undefined;
+  loading: boolean | undefined;
+};
+
+export const useProfileList = (): UseProfileListReturn => {
+  const profileIds = useSelector(
+    (state: any) => (ProfileSelectors.selectProfileListState(state) as ProfileListState)?.data,
+  );
+  const loading = useSelector(
+    (state: any) => (ProfileSelectors.selectProfileListState(state) as ProfileListState)?.loading,
+  );
+  return {
+    profileIds,
+    loading,
+  };
+};
diff --git a/plugin-hrm-form/src/states/profile/hooks/useProfileListLoader.ts b/plugin-hrm-form/src/states/profile/hooks/useProfileListLoader.ts
new file mode 100644
index 0000000000..9da9e06718
--- /dev/null
+++ b/plugin-hrm-form/src/states/profile/hooks/useProfileListLoader.ts
@@ -0,0 +1,70 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+
+import { useDispatch, useSelector } from 'react-redux';
+import { useCallback, useEffect } from 'react';
+
+import { RootState } from '../..';
+import * as ProfileSelectors from '../selectors';
+import { loadProfileListAsync } from '../profileList';
+import { ProfileListState } from '../types';
+
+type UseProfileListLoaderParams = {
+  skipAutoload?: boolean;
+};
+
+type UseProfileListLoaderReturn = {
+  error?: any;
+  loading: boolean;
+  loadProfileList: () => void;
+};
+
+/**
+ * Load a complete profile list with pagination into redux
+ * @param {UseProfileListLoaderParams}
+ * @returns {UseProfileListLoaderReturn} - State and actions for the profile list
+ */
+export const useProfileListLoader = ({
+  skipAutoload = false,
+}: UseProfileListLoaderParams = {}): UseProfileListLoaderReturn => {
+  const dispatch = useDispatch();
+
+  const error = useSelector(
+    (state: RootState) => (ProfileSelectors.selectProfileListState(state) as ProfileListState)?.error,
+  );
+  const loading = useSelector(
+    (state: RootState) => (ProfileSelectors.selectProfileListState(state) as ProfileListState)?.loading,
+  );
+
+  const loadProfileList = useCallback(() => {
+    if (!loading && !error) {
+      dispatch(loadProfileListAsync());
+    }
+  }, [dispatch, loading, error]);
+
+  useEffect(() => {
+    if (!skipAutoload && !loading) {
+      loadProfileList();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return {
+    error,
+    loading,
+    loadProfileList,
+  };
+};
diff --git a/plugin-hrm-form/src/states/profile/profileList.ts b/plugin-hrm-form/src/states/profile/profileList.ts
new file mode 100644
index 0000000000..eab60a60fc
--- /dev/null
+++ b/plugin-hrm-form/src/states/profile/profileList.ts
@@ -0,0 +1,66 @@
+/**
+ * Copyright (C) 2021-2023 Technology Matters
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see https://www.gnu.org/licenses/.
+ */
+import { createAsyncAction, createReducer } from 'redux-promise-middleware-actions';
+
+import * as t from './types';
+import { getProfileList } from '../../services/ProfileService';
+
+export const loadProfileListAsync = createAsyncAction(t.LOAD_PROFILES_LIST, (params: any = {}) => {
+  return getProfileList(params);
+});
+
+const loadProfileListEntryIntoRedux = (state: t.ProfileListState, profilesListUpdate: any) => ({
+  ...state,
+  ...profilesListUpdate,
+});
+
+const handleLoadProfileListPendingAction = (state: t.ProfileListState) => {
+  const update = {
+    loading: true,
+    error: undefined,
+  };
+
+  return loadProfileListEntryIntoRedux(state, update);
+};
+
+const handleLoadProfileListRejectedAction = (state: t.ProfileListState, action: any) => {
+  const error = action.payload;
+
+  const update = {
+    loading: false,
+    error,
+  };
+
+  return loadProfileListEntryIntoRedux(state, update);
+};
+
+const handleLoadProfileListFulfilledAction = (state: t.ProfileListState, action: any) => {
+  const update = {
+    loading: false,
+    data: action.payload.profiles?.map((profile: any) => profile.id),
+  };
+
+  return loadProfileListEntryIntoRedux(state, update);
+};
+
+const profilesListReducer = (initialState: t.ProfileListState = t.initialProfileListState) =>
+  createReducer(initialState, handleAction => [
+    handleAction(loadProfileListAsync.pending, handleLoadProfileListPendingAction),
+    handleAction(loadProfileListAsync.rejected, handleLoadProfileListRejectedAction),
+    handleAction(loadProfileListAsync.fulfilled, handleLoadProfileListFulfilledAction),
+  ]);
+
+export default profilesListReducer;
diff --git a/plugin-hrm-form/src/states/profile/profiles.ts b/plugin-hrm-form/src/states/profile/profiles.ts
index 228e02cd0a..ade17d6762 100644
--- a/plugin-hrm-form/src/states/profile/profiles.ts
+++ b/plugin-hrm-form/src/states/profile/profiles.ts
@@ -19,6 +19,7 @@ import { parseFetchError } from '../parseFetchError';
 import * as ProfileService from '../../services/ProfileService';
 import { loadIdentifierByIdentifierAsync } from './identifiers';
 import loadProfileEntryIntoRedux from './loadProfileEntryIntoRedux';
+import { loadProfileListAsync } from './profileList';
 import * as t from './types';
 
 export const PAGE_SIZE = 20;
@@ -323,6 +324,24 @@ export const updateProfileSectionAsync = createAsyncAction(
   (params: UpdateProfileSectionAsyncParams) => params,
 );
 
+export const handleLoadProfileListFulfilledAction = (state: t.ProfilesState, action: any) => {
+  const { profiles } = action.payload;
+  let newState = { ...state };
+  for (const profile of profiles) {
+    const profileUpdate = {
+      ...t.newProfileEntry,
+      data: {
+        ...newState[profile.id]?.data,
+        ...profile,
+      },
+    };
+
+    newState = loadProfileEntryIntoRedux(newState, profile.id, profileUpdate);
+  }
+
+  return newState;
+};
+
 const profilesReducer = (initialState: t.ProfilesState = {}) =>
   createReducer(initialState, handleAction => [
     handleAction(loadProfileAsync.pending, handleLoadProfilePendingAction),
@@ -349,6 +368,7 @@ const profilesReducer = (initialState: t.ProfilesState = {}) =>
     handleAction(updateProfileSectionAsync.pending, handleLoadProfileSectionPendingAction),
     handleAction(updateProfileSectionAsync.rejected, handleLoadProfileSectionRejectedAction),
     handleAction(updateProfileSectionAsync.fulfilled, handleLoadProfileSectionFulfilledAction),
+    handleAction(loadProfileListAsync.fulfilled, handleLoadProfileListFulfilledAction),
   ]);
 
 export default profilesReducer;
diff --git a/plugin-hrm-form/src/states/profile/reducer.ts b/plugin-hrm-form/src/states/profile/reducer.ts
index e1abbaa03a..6ee29ef665 100644
--- a/plugin-hrm-form/src/states/profile/reducer.ts
+++ b/plugin-hrm-form/src/states/profile/reducer.ts
@@ -19,11 +19,13 @@ import * as t from './types';
 import identifiersReducer from './identifiers';
 import profilesReducer from './profiles';
 import profileFlagsReducer from './profileFlags';
+import profilesListReducer from './profileList';
 
 const reducers = {
   identifiers: identifiersReducer(),
   profiles: profilesReducer(),
   profileFlags: profileFlagsReducer(),
+  profilesList: profilesListReducer(),
 };
 
 const combinedReducers = combineReducers(reducers);
diff --git a/plugin-hrm-form/src/states/profile/selectors.ts b/plugin-hrm-form/src/states/profile/selectors.ts
index 64565c0151..44bca70792 100644
--- a/plugin-hrm-form/src/states/profile/selectors.ts
+++ b/plugin-hrm-form/src/states/profile/selectors.ts
@@ -64,3 +64,8 @@ export const selectProfileRelationshipsByType = (
   profileId: ProfileIdParam,
   type: t.ProfileRelationships,
 ) => selectProfileById(state, profileId)?.[type];
+
+export const selectProfileListState = (state: RootState) => {
+  const profileState = selectProfileState(state);
+  return profileState?.profilesList || {};
+};
diff --git a/plugin-hrm-form/src/states/profile/types.ts b/plugin-hrm-form/src/states/profile/types.ts
index 53cd8b885a..19de8a56b4 100644
--- a/plugin-hrm-form/src/states/profile/types.ts
+++ b/plugin-hrm-form/src/states/profile/types.ts
@@ -32,6 +32,7 @@ export const DISASSOCIATE_PROFILE_FLAG = 'profile/profileFlags/DISASSOCIATE';
 export const LOAD_PROFILE_SECTIONS = 'profile/profileSections/LOAD';
 export const CREATE_PROFILE_SECTION = 'profile/profileSections/CREATE';
 export const UPDATE_PROFILE_SECTION = 'profile/profileSections/UPDATE';
+export const LOAD_PROFILES_LIST = 'profile/profilesList/LOAD';
 
 export type IdentifierEntry = {
   data?: Identifier;
@@ -59,6 +60,18 @@ export const initialProfileFlagsState: ProfileFlagsState = {
   data: undefined,
 };
 
+export type ProfileListState = {
+  data?: Profile['id'][];
+  error?: ParseFetchErrorResult;
+  loading: boolean;
+};
+
+export const initialProfileListState: ProfileListState = {
+  error: undefined,
+  loading: false,
+  data: undefined,
+};
+
 export const PROFILE_RELATIONSHIPS = {
   cases: {
     method: getProfileCases,
@@ -97,6 +110,7 @@ export type ProfileState = {
   identifiers: IdentifiersState;
   profiles: ProfilesState;
   profileFlags: ProfileFlagsState;
+  profilesList: ProfileListState;
 };
 
 export const newProfileEntry: ProfileEntry = {
@@ -126,4 +140,5 @@ export const initialState: ProfileState = {
   profileFlags: {
     loading: false,
   },
+  profilesList: { loading: false },
 };
diff --git a/plugin-hrm-form/src/states/routing/types.ts b/plugin-hrm-form/src/states/routing/types.ts
index 23cbca249f..203deea89a 100644
--- a/plugin-hrm-form/src/states/routing/types.ts
+++ b/plugin-hrm-form/src/states/routing/types.ts
@@ -84,6 +84,17 @@ type CaseListRoute = RouteWithModalSupport & {
   subroute: 'case-list';
 };
 
+type ProfileListRoute = RouteWithModalSupport & {
+  route: 'profiles-list';
+  subroute: 'profiles-list';
+};
+
+type ProfileHomeRoute = RouteWithModalSupport & {
+  route: 'profile';
+  subroute: 'home';
+  profileId: Profile['id'];
+};
+
 const CONTEXTS = ['search', 'hrm-form', 'profile'] as const;
 
 export type Contexts = typeof CONTEXTS[number];
@@ -218,12 +229,13 @@ type OtherRoutes =
   | SearchRoute
   | ContactRoute
   | CaseListRoute
+  | ProfileListRoute
   | ProfileRoute
   | ProfileEditRoute
   | ProfileSectionEditRoute;
 
 // The different routes we have in our app
-export type AppRoutes = CaseRoute | OtherRoutes;
+export type AppRoutes = CaseRoute | ProfileHomeRoute | OtherRoutes;
 
 export function isRouteWithModalSupport(appRoute: any): appRoute is RouteWithModalSupport {
   return ['tabbed-forms', 'case', 'case-list', 'contact', 'profile', 'search', 'select-call-type'].includes(
diff --git a/plugin-hrm-form/src/styles/HrmStyles.tsx b/plugin-hrm-form/src/styles/HrmStyles.tsx
index aff83e802e..192b4d3d0c 100644
--- a/plugin-hrm-form/src/styles/HrmStyles.tsx
+++ b/plugin-hrm-form/src/styles/HrmStyles.tsx
@@ -617,19 +617,6 @@ export const HeaderContainer = styled(Row)`
 `;
 HeaderContainer.displayName = 'HeaderContainer';
 
-type PaginationRowProps = {
-  transparent?: boolean;
-};
-
-export const PaginationRow = styled('nav')<PaginationRowProps>`
-  display: flex;
-  justify-content: center;
-  background-color: transparent;
-  padding: 40px auto;
-  margin: 40px auto;
-`;
-PaginationRow.displayName = 'PaginationRow';
-
 const TaskButtonBase = withStyles({
   root: {
     '&:hover': {
diff --git a/plugin-hrm-form/src/styles/caseList/filters.ts b/plugin-hrm-form/src/styles/table/filters.ts
similarity index 100%
rename from plugin-hrm-form/src/styles/caseList/filters.ts
rename to plugin-hrm-form/src/styles/table/filters.ts
diff --git a/plugin-hrm-form/src/styles/caseList/index.ts b/plugin-hrm-form/src/styles/table/index.ts
similarity index 55%
rename from plugin-hrm-form/src/styles/caseList/index.ts
rename to plugin-hrm-form/src/styles/table/index.ts
index 65facc383f..197262d69c 100644
--- a/plugin-hrm-form/src/styles/caseList/index.ts
+++ b/plugin-hrm-form/src/styles/table/index.ts
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-unused-modules */
 /**
  * Copyright (C) 2021-2023 Technology Matters
  * This program is free software: you can redistribute it and/or modify
@@ -15,19 +16,19 @@
  */
 
 import { styled } from '@twilio/flex-ui';
-import { Table, TableCell, TableRow, withStyles } from '@material-ui/core';
+import { Table, TableCell, TableRow, TableHead, withStyles } from '@material-ui/core';
 
 import { Absolute, FontOpenSans, Flex } from '../HrmStyles';
 import HrmTheme from '../HrmTheme';
 
-export const CaseListContainer = styled(Absolute)`
+export const ListContainer = styled(Absolute)`
   height: 100%;
   width: 1280px;
   background-color: #f6f6f6;
 `;
-CaseListContainer.displayName = 'CaseListContainer';
+ListContainer.displayName = 'ListContainer';
 
-export const CenteredContainer = styled(CaseListContainer)`
+export const CenteredContainer = styled(ListContainer)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -40,7 +41,7 @@ export const TableContainer = styled(Flex)`
 `;
 TableContainer.displayName = 'TableContainer';
 
-export const CLTable = withStyles({
+export const StandardTable = withStyles({
   root: {
     borderCollapse: 'separate',
     borderSpacing: '0 5px',
@@ -49,9 +50,9 @@ export const CLTable = withStyles({
     },
   },
 })(Table);
-CLTable.displayName = 'CLTable';
+StandardTable.displayName = 'StandardTable';
 
-export const CLTableRow = withStyles({
+export const DataTableRow = withStyles({
   root: {
     height: 85,
     background: '#ffffff',
@@ -66,9 +67,15 @@ export const CLTableRow = withStyles({
     },
   },
 })(TableRow);
-CLTableRow.displayName = 'CLTableRow';
+DataTableRow.displayName = 'DataTableRow';
 
-export const CLHeaderTableCell = withStyles(theme => ({
+export const TableHeader = withStyles(theme => ({
+  root: {
+    'box-shadow': '0 2px 0 0 #E5E6E7',
+  },
+}))(TableHead);
+
+export const HeaderCell = withStyles(theme => ({
   root: {
     borderBottom: 0,
     textTransform: 'none',
@@ -80,9 +87,9 @@ export const CLHeaderTableCell = withStyles(theme => ({
     paddingTop: 8,
   },
 }))(TableCell);
-CLHeaderTableCell.displayName = 'CLHeaderTableCell';
+HeaderCell.displayName = 'HeaderCell';
 
-export const CLTableCell = withStyles({
+export const DataCell = withStyles({
   root: {
     borderBottom: 0,
     textTransform: 'none',
@@ -94,33 +101,40 @@ export const CLTableCell = withStyles({
     paddingTop: 8,
   },
 })(TableCell);
-CLTableCell.displayName = 'CLTableCell';
+DataCell.displayName = 'DataCell';
 
-export const CLNumberCell = withStyles({
+export const NumericCell = withStyles({
   body: {
     paddingLeft: '10px !important',
   },
-})(CLTableCell);
-CLNumberCell.displayName = 'CLNumberCell';
+})(DataCell);
+NumericCell.displayName = 'NumericCell';
 
-export const CLNamesCell = withStyles({
+export const TextCell = withStyles({
   body: {
     paddingRight: 10,
     display: '-webkit-box',
     WebkitLineClamp: 4,
     WebkitBoxOrient: 'vertical',
   },
-})(CLTableCell);
-CLNamesCell.displayName = 'CLNamesCell';
+})(DataCell);
+TextCell.displayName = 'TextCell';
+
+export const LoadingCell = styled(TextCell)`
+  position: 'absolute';
+  text-align: 'center';
+  width: '100%';
+  top: '40%';
+`;
 
-export const CLSummaryCell = withStyles({
+export const SummaryCell = withStyles({
   body: {
     paddingRight: 20,
   },
-})(CLTableCell);
-CLSummaryCell.displayName = 'CLSummaryCell';
+})(DataCell);
+SummaryCell.displayName = 'SummaryCell';
 
-export const CLTableHeaderFont = styled(FontOpenSans)`
+export const TableHeaderFont = styled(FontOpenSans)`
   font-weight: 600;
   font-size: 12px;
   line-height: 30px;
@@ -128,9 +142,9 @@ export const CLTableHeaderFont = styled(FontOpenSans)`
   padding: 0 2px;
   align-items: right;
 `;
-CLTableHeaderFont.displayName = 'CLTableHeaderFont';
+TableHeaderFont.displayName = 'TableHeaderFont';
 
-export const CLTableBodyFont = styled(FontOpenSans)`
+export const TableBodyFont = styled(FontOpenSans)`
   color: #192b33;
   font-size: 13px;
   line-height: 18px;
@@ -139,22 +153,22 @@ export const CLTableBodyFont = styled(FontOpenSans)`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-CLTableBodyFont.displayName = 'CLTableBodyFont';
+TableBodyFont.displayName = 'TableBodyFont';
 
-export const CLTableSummaryFont = styled(CLTableBodyFont)`
+export const TableSummaryFont = styled(TableBodyFont)`
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
 `;
-CLTableSummaryFont.displayName = 'CLTableSummaryFont';
+TableSummaryFont.displayName = 'TableSummaryFont';
 
-export const CLCaseNumberContainer = styled('div')`
+export const IdentifierContainer = styled('div')`
   display: inline-block;
   padding: 0 6px;
 `;
-CLCaseNumberContainer.displayName = 'CLCaseNumberContainer';
+IdentifierContainer.displayName = 'IdentifierContainer';
 
-export const CLCaseIDButton = styled('button')`
+export const IdentifierActionButton = styled('button')`
   color: #1876d1;
   text-decoration: underline;
   cursor: pointer;
@@ -167,53 +181,10 @@ export const CLCaseIDButton = styled('button')`
     outline-color: black;
   }
 `;
-CLCaseIDButton.displayName = 'CLCaseIDButton';
-
-type PaginationButtonProps = {
-  highlight?: Boolean;
-};
-
-export const PaginationButton = styled('button')<PaginationButtonProps>`
-  background-color: ${props => (props.highlight ? '#1976D2' : 'transparent')};
-  box-shadow: ${props => (props.highlight ? '0 1px 1px 0 rgba(0, 0, 0, 0.06)' : '0')};
-  border-radius: 4px;
-  padding: 6px 10px;
-  margin: 0 2px;
-  border: none;
-  &:focus {
-    outline: auto;
-  }
-`;
-PaginationButton.displayName = 'PaginationButton';
-
-export const PaginationChevron = styled(PaginationButton)`
-  margin: 0;
-  padding: 7px 3px;
-`;
-PaginationChevron.displayName = 'PaginationChevron';
-
-type ButtonTextProps = {
-  highlight?: Boolean;
-};
-
-export const ButtonText = styled(FontOpenSans)<ButtonTextProps>`
-  font-size: 13px;
-  color: ${props => (props.highlight ? '#ffffff' : '#666c7c')};
-  font-weight: ${props => (props.highlight ? 700 : 600)};
-`;
-ButtonText.displayName = 'ButtonText';
+IdentifierActionButton.displayName = 'IdentifierActionButton';
 
 export const SomethingWentWrongText = styled(FontOpenSans)`
   color: ${HrmTheme.colors.errorColor};
   font-size: 20px;
 `;
 SomethingWentWrongText.displayName = 'SomethingWentWrongText';
-
-const FiltersContainer = styled(Flex)`
-  margin-left: 15px;
-  margin-right: 10px;
-  padding: 10px;
-  font-size: 13px;
-  box-shadow: 0 1px 2px 0 rgba(25, 43, 51, 0.1);
-`;
-FiltersContainer.displayName = 'FiltersContainer';
diff --git a/plugin-hrm-form/src/types/types.ts b/plugin-hrm-form/src/types/types.ts
index 2514ab25da..395c9fc130 100644
--- a/plugin-hrm-form/src/types/types.ts
+++ b/plugin-hrm-form/src/types/types.ts
@@ -394,3 +394,5 @@ export type ProfileFlag = {
   updatedAt?: string;
 };
 
+export type ProfileList = Profile[];
+
diff --git a/plugin-hrm-form/src/utils/setUpComponents.tsx b/plugin-hrm-form/src/utils/setUpComponents.tsx
index 61d0925996..5f4b69e942 100644
--- a/plugin-hrm-form/src/utils/setUpComponents.tsx
+++ b/plugin-hrm-form/src/utils/setUpComponents.tsx
@@ -36,6 +36,8 @@ import CaseListSideLink from '../components/sideLinks/CaseListSideLink';
 import StandaloneSearchSideLink from '../components/sideLinks/StandaloneSearchSideLink';
 import ManualPullButton from '../components/ManualPullButton';
 import ViewTaskNumber from '../components/common/MaskingIdentifiers/ViewTaskNumber';
+import ProfileListPage from '../components/profile/ProfileListPage';
+import ProfileListSideLink from '../components/sideLinks/ProfileListSideLink';
 import { AddOfflineContactButton, OfflineContactTask } from '../components/OfflineContact';
 import { chatCapacityUpdated } from '../states/configuration/actions';
 import { Box, Column, HeaderContainer, TaskCanvasOverride } from '../styles/HrmStyles';
@@ -314,6 +316,32 @@ export const setUpCaseList = () => {
   );
 };
 
+/**
+ * Add components for Client Profiles page
+ */
+
+export const setUpClientProfileList = () => {
+  Flex.ViewCollection.Content.add(
+    <Flex.View name="client-profiles" key="client-profiles-view">
+      <ProfileListPage />
+    </Flex.View>,
+  );
+
+  Flex.SideNav.Content.add(
+    <ProfileListSideLink
+      key="ProfileListSideLink"
+      onClick={() => {
+        Flex.Actions.invokeAction('NavigateToView', { viewName: 'client-profiles' });
+        Flex.Manager.getInstance().store.dispatch(
+          changeRoute({ route: 'profiles-list', subroute: 'profiles-list' }, standaloneTaskSid, ChangeRouteMode.Reset),
+        );
+      }}
+      reserveSpace={false}
+      showLabel={true}
+    />,
+  );
+};
+
 export const setUpStandaloneSearch = () => {
   Flex.ViewCollection.Content.add(
     <Flex.View name="search" key="standalone-search-view">
diff --git a/twilio-iac/terraform-modules/lex/v1/main.tf b/twilio-iac/terraform-modules/lex/v1/main.tf
index 558a4da354..47ce0ce407 100644
--- a/twilio-iac/terraform-modules/lex/v1/main.tf
+++ b/twilio-iac/terraform-modules/lex/v1/main.tf
@@ -23,9 +23,9 @@ resource "aws_lex_slot_type" "this" {
   # that doesn’t allow numbers or certain special characters. Unfortunately, this restriction is imposed by AWS, 
   # and I cannot directly override it. AWS Lex has specific naming requirements for intents, slots, and bot names 
   # and Terraform enforces these requirements when you create resources.
-  # So a work-around for the e2e account was to replace the "2" with the letter "" 
+  # So a work-around for the e2e account was to replace the "[0-9]" with the no space "" 
 
-  name                     = replace("${local.name_prefix}_${each.key}", "2", "")
+  name                     = replace("${local.name_prefix}_${each.key}", "/[0-9]/", "")
   description              = each.value.description
   value_selection_strategy = each.value.value_selection_strategy