diff --git a/packages/esm-active-visits-app/src/active-visits-widget/active-visits.component.tsx b/packages/esm-active-visits-app/src/active-visits-widget/active-visits.component.tsx
index 4a0c55f4e..d162175e8 100644
--- a/packages/esm-active-visits-app/src/active-visits-widget/active-visits.component.tsx
+++ b/packages/esm-active-visits-app/src/active-visits-widget/active-visits.component.tsx
@@ -116,9 +116,9 @@ const ActiveVisitsTable = () => {
   const { t } = useTranslation();
   const config = useConfig();
   const layout = useLayoutType();
-  const [pageSize, setPageSize] = useState(config?.activeVisits?.pageSize ?? 10);
   const pageSizes = config?.activeVisits?.pageSizes ?? [10, 20, 30, 40, 50];
-  const { activeVisits, isLoading, isValidating, isError } = useActiveVisits();
+  const [pageSize, setPageSize] = useState(config?.activeVisits?.pageSize ?? 10);
+  const { activeVisits, isLoading, isValidating, error } = useActiveVisits();
   const [searchString, setSearchString] = useState('');
 
   const currentPathName = window.location.pathname;
@@ -184,11 +184,11 @@ const ActiveVisitsTable = () => {
     );
   }
 
-  if (isError) {
+  if (error) {
     return (
       <div className={styles.activeVisitsContainer}>
         <Layer>
-          <ErrorState error={isError} headerTitle={t('activeVisits', 'Active Visits')} />
+          <ErrorState error={error} headerTitle={t('activeVisits', 'Active Visits')} />
         </Layer>
       </div>
     );
@@ -244,43 +244,47 @@ const ActiveVisitsTable = () => {
                   </TableRow>
                 </TableHead>
                 <TableBody>
-                  {rows.map((row, index) => (
-                    <React.Fragment key={index}>
-                      <TableExpandRow
-                        {...getRowProps({ row })}
-                        data-testid={`activeVisitRow${activeVisits?.[index]?.patientUuid}`}>
-                        {row.cells.map((cell) => (
-                          <TableCell key={cell.id} data-testid={cell.id}>
-                            {cell.info.header === 'name' ? (
-                              <PatientNameLink
-                                from={fromPage}
-                                to={`\${openmrsSpaBase}/patient/${activeVisits?.[index]?.patientUuid}/chart/`}>
-                                {cell.value}
-                              </PatientNameLink>
-                            ) : (
-                              cell.value
-                            )}
-                          </TableCell>
-                        ))}
-                      </TableExpandRow>
-                      {row.isExpanded ? (
-                        <TableRow className={styles.expandedActiveVisitRow}>
-                          <th colSpan={headers.length + 2}>
-                            <ExtensionSlot
-                              className={styles.visitSummaryContainer}
-                              name="visit-summary-slot"
-                              state={{
-                                visitUuid: activeVisits[index]?.visitUuid,
-                                patientUuid: activeVisits[index]?.patientUuid,
-                              }}
-                            />
-                          </th>
-                        </TableRow>
-                      ) : (
-                        <TableExpandedRow className={styles.hiddenRow} colSpan={headers.length + 2} />
-                      )}
-                    </React.Fragment>
-                  ))}
+                  {rows.map((row, index) => {
+                    const visit = activeVisits.find((visit) => visit.id === row.id);
+
+                    return (
+                      <React.Fragment key={index}>
+                        <TableExpandRow
+                          {...getRowProps({ row })}
+                          data-testid={`activeVisitRow${activeVisits?.[index]?.patientUuid}`}>
+                          {row.cells.map((cell) => (
+                            <TableCell key={cell.id} data-testid={cell.id}>
+                              {cell.info.header === 'name' ? (
+                                <PatientNameLink
+                                  from={fromPage}
+                                  to={`\${openmrsSpaBase}/patient/${visit.patientUuid}/chart/Patient%20Summary`}>
+                                  {cell.value}
+                                </PatientNameLink>
+                              ) : (
+                                cell.value
+                              )}
+                            </TableCell>
+                          ))}
+                        </TableExpandRow>
+                        {row.isExpanded ? (
+                          <TableRow className={styles.expandedActiveVisitRow}>
+                            <th colSpan={headers.length + 2}>
+                              <ExtensionSlot
+                                className={styles.visitSummaryContainer}
+                                name="visit-summary-slot"
+                                state={{
+                                  visitUuid: activeVisits[index]?.visitUuid,
+                                  patientUuid: activeVisits[index]?.patientUuid,
+                                }}
+                              />
+                            </th>
+                          </TableRow>
+                        ) : (
+                          <TableExpandedRow className={styles.hiddenRow} colSpan={headers.length + 2} />
+                        )}
+                      </React.Fragment>
+                    );
+                  })}
                 </TableBody>
               </Table>
             </TableContainer>
diff --git a/packages/esm-active-visits-app/src/active-visits-widget/active-visits.resource.tsx b/packages/esm-active-visits-app/src/active-visits-widget/active-visits.resource.tsx
index 4b60735e4..5cedeb428 100644
--- a/packages/esm-active-visits-app/src/active-visits-widget/active-visits.resource.tsx
+++ b/packages/esm-active-visits-app/src/active-visits-widget/active-visits.resource.tsx
@@ -48,13 +48,17 @@ export function useActiveVisits() {
       return null;
     }
 
-    let url = `/ws/rest/v1/visit?includeInactive=false&v=${customRepresentation}&totalCount=true&location=${sessionLocation}`;
+    let url = `/ws/rest/v1/visit?includeInactive=false&v=${customRepresentation}&`;
+    let urlSearchParams = new URLSearchParams();
+
+    urlSearchParams.append('totalCount', 'true');
+    urlSearchParams.append('location', `${sessionLocation}`);
 
     if (pageIndex) {
-      url += `&startIndex=${pageIndex * 50}`;
+      urlSearchParams.append('startIndex', `${pageIndex * 50}`);
     }
 
-    return url;
+    return url + urlSearchParams.toString();
   };
 
   const {
@@ -73,7 +77,7 @@ export function useActiveVisits() {
   }, [data, pageNumber]);
 
   const mapVisitProperties = (visit: Visit): ActiveVisit => {
-    //create base object
+    // create base object
     const activeVisits: ActiveVisit = {
       age: visit?.patient?.person?.age,
       id: visit.uuid,
@@ -87,36 +91,36 @@ export function useActiveVisits() {
       visitUuid: visit.uuid,
     };
 
-    //in case no configuration is given the previous behavior remains the same
+    // in case no configuration is given the previous behavior remains the same
     if (!config?.activeVisits?.identifiers) {
       activeVisits.idNumber = visit?.patient?.identifiers[0]?.identifier ?? '--';
     } else {
-      //map identifiers on config
+      // map identifiers on config
       config?.activeVisits?.identifiers?.map((configIdentifier) => {
-        //check if in the current visit the patient has in his identifiers the current identifierType name
+        // check if in the current visit the patient has in his identifiers the current identifierType name
         const visitIdentifier = visit?.patient?.identifiers.find(
           (visitIdentifier) => visitIdentifier?.identifierType?.name === configIdentifier?.identifierName,
         );
 
-        //add the new identifier or rewrite existing one to activeVisit object
-        //the parameter will corresponds to the name of the key value of the configuration
-        //and the respective value is the visit identifier
-        //If there isn't a identifier we display this default text '--'
+        // add the new identifier or rewrite existing one to activeVisit object
+        // the parameter will corresponds to the name of the key value of the configuration
+        // and the respective value is the visit identifier
+        // If there isn't a identifier we display this default text '--'
         activeVisits[configIdentifier.header?.key] = visitIdentifier?.identifier ?? '--';
       });
     }
 
-    //map attributes on config
+    // map attributes on config
     config?.activeVisits?.attributes?.map(({ display, header }) => {
-      //check if in the current visit the person has in his attributes the current display
+      // check if in the current visit the person has in his attributes the current display
       const personAttributes = visit?.patient?.person?.attributes.find(
         (personAttributes) => personAttributes?.attributeType?.display === display,
       );
 
-      //add the new attribute or rewrite existing one to activeVisit object
-      //the parameter will correspond to the name of the key value of the configuration
-      //and the respective value is the persons value
-      //If there isn't a attribute we display this default text '--'
+      // add the new attribute or rewrite existing one to activeVisit object
+      // the parameter will correspond to the name of the key value of the configuration
+      // and the respective value is the persons value
+      // If there isn't a attribute we display this default text '--'
       activeVisits[header?.key] = personAttributes?.value ?? '--';
     });
 
@@ -129,9 +133,9 @@ export function useActiveVisits() {
 
   return {
     activeVisits: formattedActiveVisits,
+    error,
     isLoading,
     isValidating,
-    isError: error,
     totalResults: data?.[0]?.data?.totalCount ?? 0,
   };
 }