diff --git a/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx b/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx index 3a23be9734..13e719fb0c 100644 --- a/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx +++ b/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx @@ -31,25 +31,32 @@ const DisplayedRowsLabel = ({ count: number; }) => { const translateCommon = useCommonTranslation(); - - return ( -

- {translateCommon('component.table.pagination.displayedRowsLabel', { - from, - to, - count, - })} -

+ const { isPhone } = useWindowProperties(); + const fullLabelText = translateCommon( + 'component.table.pagination.displayedRowsAriaLabel', + { + from, + to, + count, + } ); + + if (isPhone) { + return ( + <> +

{fullLabelText}

+ + + ); + } else { + return fullLabelText; + } }; export const PublicExamSessionsTable = ({