diff --git a/frontend/src/container/APIKeys/APIKeys.tsx b/frontend/src/container/APIKeys/APIKeys.tsx
index 191725e806..1593908f0e 100644
--- a/frontend/src/container/APIKeys/APIKeys.tsx
+++ b/frontend/src/container/APIKeys/APIKeys.tsx
@@ -27,6 +27,7 @@ import axios, { AxiosError } from 'axios';
import cx from 'classnames';
import { SOMETHING_WENT_WRONG } from 'constants/api';
import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
import { useGetAllAPIKeys } from 'hooks/APIKeys/useGetAllAPIKeys';
import { useNotifications } from 'hooks/useNotifications';
import {
@@ -52,6 +53,8 @@ import { useCopyToClipboard } from 'react-use';
import { APIKeyProps } from 'types/api/pat/types';
import { USER_ROLES } from 'types/roles';
+dayjs.extend(relativeTime);
+
export const showErrorNotification = (
notifications: NotificationInstance,
err: Error,
@@ -495,7 +498,7 @@ function APIKeys(): JSX.Element {
expiresIn <= 3 ? 'danger' : 'warning',
)}
>
- Expires in {expiresIn} Days
+ Expires {dayjs().to(expiresOn)}
)}