diff --git a/x-pack/plugins/uptime/public/components/certificates/__tests__/__snapshots__/cert_status.test.tsx.snap b/x-pack/plugins/uptime/public/components/certificates/__tests__/__snapshots__/cert_status.test.tsx.snap
index 089d272a075c6..f6a4b4598fe63 100644
--- a/x-pack/plugins/uptime/public/components/certificates/__tests__/__snapshots__/cert_status.test.tsx.snap
+++ b/x-pack/plugins/uptime/public/components/certificates/__tests__/__snapshots__/cert_status.test.tsx.snap
@@ -1,6 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`CertStatus renders expected elements for valid props 1`] = `
+.c0 {
+  display: inline-block;
+  margin-left: 5px;
+}
+
 <div
   class="euiHealth"
 >
@@ -19,7 +24,16 @@ exports[`CertStatus renders expected elements for valid props 1`] = `
       class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <span>
-        OK
+        OK  
+        <div
+          class="euiText euiText--extraSmall c0"
+        >
+          <div
+            class="euiTextColor euiTextColor--subdued"
+          >
+             for 4 months
+          </div>
+        </div>
       </span>
     </div>
   </div>
diff --git a/x-pack/plugins/uptime/public/components/certificates/cert_status.tsx b/x-pack/plugins/uptime/public/components/certificates/cert_status.tsx
index e7a86ce98fa3c..ea0a49a4a6c5b 100644
--- a/x-pack/plugins/uptime/public/components/certificates/cert_status.tsx
+++ b/x-pack/plugins/uptime/public/components/certificates/cert_status.tsx
@@ -5,45 +5,95 @@
  */
 
 import React from 'react';
-import { EuiHealth } from '@elastic/eui';
+import moment from 'moment';
+import styled from 'styled-components';
+import { EuiHealth, EuiText } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { useSelector } from 'react-redux';
 import { Cert } from '../../../common/runtime_types';
 import { useCertStatus } from '../../hooks';
 import * as labels from './translations';
 import { CERT_STATUS } from '../../../common/constants';
+import { selectDynamicSettings } from '../../state/selectors';
 
 interface Props {
   cert: Cert;
 }
 
+const DateText = styled(EuiText)`
+  display: inline-block;
+  margin-left: 5px;
+`;
+
 export const CertStatus: React.FC<Props> = ({ cert }) => {
   const certStatus = useCertStatus(cert?.not_after, cert?.not_before);
 
+  const dss = useSelector(selectDynamicSettings);
+
+  const relativeDate = moment(cert?.not_after).fromNow();
+
   if (certStatus === CERT_STATUS.EXPIRING_SOON) {
     return (
       <EuiHealth color="warning">
-        <span>{labels.EXPIRES_SOON}</span>
+        <span>
+          {labels.EXPIRES_SOON}
+          {'  '}
+          <DateText color="subdued" size="xs">
+            {relativeDate}
+          </DateText>
+        </span>
       </EuiHealth>
     );
   }
   if (certStatus === CERT_STATUS.EXPIRED) {
     return (
       <EuiHealth color="danger">
-        <span>{labels.EXPIRED}</span>
+        <span>
+          {labels.EXPIRED}
+          {'  '}
+          <DateText color="subdued" size="xs">
+            {relativeDate}
+          </DateText>
+        </span>
       </EuiHealth>
     );
   }
 
   if (certStatus === CERT_STATUS.TOO_OLD) {
+    const ageThreshold = dss.settings?.certAgeThreshold;
+
+    const oldRelativeDate = moment(cert?.not_before).add(ageThreshold, 'days').fromNow();
+
     return (
       <EuiHealth color="danger">
-        <span>{labels.TOO_OLD}</span>
+        <span>
+          {labels.TOO_OLD}
+          <DateText color="subdued" size="xs">
+            {oldRelativeDate}
+          </DateText>
+        </span>
       </EuiHealth>
     );
   }
 
+  const okRelativeDate = moment(cert?.not_after).fromNow(true);
+
   return (
     <EuiHealth color="success">
-      <span>{labels.OK}</span>
+      <span>
+        {labels.OK}
+        {'  '}
+        <DateText color="subdued" size="xs">
+          <FormattedMessage
+            id="xpack.uptime.certs.status.ok.label"
+            defaultMessage=" for {okRelativeDate}"
+            description='Denotes an amount of time for which a cert is valid. Example: "OK for 2 days"'
+            values={{
+              okRelativeDate,
+            }}
+          />
+        </DateText>
+      </span>
     </EuiHealth>
   );
 };