diff --git a/ui/component/livestreamDateTime/view.jsx b/ui/component/livestreamDateTime/view.jsx
index cffbe9dfa..2bb8bff42 100644
--- a/ui/component/livestreamDateTime/view.jsx
+++ b/ui/component/livestreamDateTime/view.jsx
@@ -3,6 +3,7 @@ import React from 'react';
 import DateTime from 'component/dateTime';
 import { LIVESTREAM_STARTED_RECENTLY_BUFFER } from 'constants/livestream';
 import moment from 'moment';
+import I18nMessage from 'component/i18nMessage';
 
 type Props = {
   uri: string,
@@ -16,7 +17,9 @@ const LivestreamDateTime = (props: Props) => {
   if (activeLivestream) {
     return (
       <span>
-        {__('Started')} <DateTime timeAgo date={activeLivestream.startedStreaming.toDate()} />
+        <I18nMessage tokens={{ time_date: <DateTime timeAgo date={activeLivestream.startedStreaming.toDate()} /> }}>
+          {__('Started %time_date%')}
+        </I18nMessage>
       </span>
     );
   }
@@ -29,7 +32,9 @@ const LivestreamDateTime = (props: Props) => {
   }
   return (
     <span>
-      {__('Live')} <DateTime timeAgo uri={uri} showFutureDate />
+      <I18nMessage tokens={{ time_date: <DateTime timeAgo uri={uri} showFutureDate /> }}>
+        {__('Live %time_date%')}
+      </I18nMessage>
     </span>
   );
 };
diff --git a/ui/component/livestreamScheduledInfo/view.jsx b/ui/component/livestreamScheduledInfo/view.jsx
index a57183a17..070a9ba9c 100644
--- a/ui/component/livestreamScheduledInfo/view.jsx
+++ b/ui/component/livestreamScheduledInfo/view.jsx
@@ -36,7 +36,7 @@ export default function LivestreamScheduledInfo(props: Props) {
         <p className={'livestream-scheduled__time'}>
           {!inPast && (
             <span>
-              <span>Live {startDateFromNow}</span>
+              <span>{__('Live %time_date%', { time_date: startDateFromNow })}</span>
               <br />
               <span className={'livestream-scheduled__date'}>{startDate}</span>
             </span>