diff --git a/packages/components/psammead-media-indicator/CHANGELOG.md b/packages/components/psammead-media-indicator/CHANGELOG.md
index 90ff441d5e..2dc1f48d55 100644
--- a/packages/components/psammead-media-indicator/CHANGELOG.md
+++ b/packages/components/psammead-media-indicator/CHANGELOG.md
@@ -3,6 +3,7 @@
 <!-- prettier-ignore -->
 | Version | Description |
 | ------- | ----------- |
+| 4.0.0 | [PR#3062](https://github.com/bbc/psammead/pull/3062) Pass Time element as a child and remove spacing from the `MediaIndicatorWrapper`|
 | 3.0.0 | [PR#3029](https://github.com/bbc/psammead/pull/3029) Add prop `isInline` for displaying media indicator inline. Remove boolean prop `indexAlsos` since it should be replaced with `isInline` |
 | 2.6.27 | [PR#3030](https://github.com/bbc/psammead/pull/3030) Talos - Bump Dependencies - @bbc/psammead-styles, @bbc/psammead-assets |
 | 2.6.26 | [PR#2996](https://github.com/bbc/psammead/pull/2996) Talos - Bump Dependencies - @bbc/psammead-assets |
diff --git a/packages/components/psammead-media-indicator/README.md b/packages/components/psammead-media-indicator/README.md
index bc914dac0a..9409109ed4 100644
--- a/packages/components/psammead-media-indicator/README.md
+++ b/packages/components/psammead-media-indicator/README.md
@@ -13,10 +13,7 @@ The `MediaIndicator` component provides a 'play', 'audio' or 'camera' icon as we
 <!-- prettier-ignore -->
 | Argument   | Type    | Required | Default | Example      |
 | ---------- | ------- | -------- | ------- | ------------ |
-| duration   | string  | No       | Null    | '2:15'       |
-| datetime   | string  | No       | Null    | 'PT2M15S'    |
 | type       | string  | No       | 'video' | 'audio'      |
-| topStory   | boolean | No       | false   | true         |
 | service    | string  | Yes      | N/A     | `'news'`     |
 | isInline   | boolean | No       | false   | true         |
 | children   | node    | No       | null    | <IndexAlsos> |
@@ -32,19 +29,14 @@ The `MediaIndicator` component provides a 'play', 'audio' or 'camera' icon as we
 
 The typical use-case of this component is on top of images within promos for articles that contains a video asset at the top of the page. It indicates to the user that the link is to a video and how long the video is in duration.
 
-For top story promos, we should pass the `topStory` prop to the `Media Indicator` to keep the same padding, otherwise this will be modified under 400px.
-
 Top story promos can also have related stories links called `Index Alsos`. When an Index Also item is a video, audio or photogallery, an icon should be displayed with the content using the `MediaIndicator` component passing the `isInline` prop.
 
+When using this component ensure you add the relevant spacing.
+
 ```jsx
 import MediaIndicator from '@bbc/psammead-media-indicator';
 
-<MediaIndicator
-  duration="2:15"
-  datetime="PT2M15S"
-  type="audio"
-  service="news"
-/>;
+<MediaIndicator type="audio" service="news" />;
 ```
 
 ### When to use this component
diff --git a/packages/components/psammead-media-indicator/package-lock.json b/packages/components/psammead-media-indicator/package-lock.json
index 9fc01d9518..9ec5d5bc0b 100644
--- a/packages/components/psammead-media-indicator/package-lock.json
+++ b/packages/components/psammead-media-indicator/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@bbc/psammead-media-indicator",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/components/psammead-media-indicator/package.json b/packages/components/psammead-media-indicator/package.json
index 7286f004b4..1800050ebd 100644
--- a/packages/components/psammead-media-indicator/package.json
+++ b/packages/components/psammead-media-indicator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bbc/psammead-media-indicator",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "sideEffects": false,
diff --git a/packages/components/psammead-media-indicator/src/__snapshots__/index.test.jsx.snap b/packages/components/psammead-media-indicator/src/__snapshots__/index.test.jsx.snap
index c0b82a659b..f094544c7f 100644
--- a/packages/components/psammead-media-indicator/src/__snapshots__/index.test.jsx.snap
+++ b/packages/components/psammead-media-indicator/src/__snapshots__/index.test.jsx.snap
@@ -1,77 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`MediaIndicator - Top Story should render a top story audio promo render correctly 1`] = `
-.c2 {
-  vertical-align: middle;
-  margin: 0 0.25rem;
-  color: #222222;
-  fill: currentColor;
-  width: 0.8125rem;
-  height: 0.75rem;
-}
-
-.c0 {
-  padding: 0.5rem 0.25rem;
-  background-color: #FFFFFF;
-  display: block;
-  font-family: ReithSans,Helvetica,Arial,sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  height: 100%;
-}
-
-.c3 {
-  vertical-align: middle;
-  margin: 0 0.25rem;
-}
-
-<div
-  aria-hidden="true"
-  class="c0"
->
-  <div
-    class="c1"
-  >
-    <svg
-      aria-hidden="true"
-      class="c2"
-      focusable="false"
-      height="12px"
-      viewBox="0 0 13 12"
-      width="13px"
-    >
-      <path
-        d="M9.021 1.811l-.525.525c.938.938 1.5 2.25 1.5 3.675s-.563 2.738-1.5 3.675l.525.525c1.05-1.087 1.725-2.55 1.725-4.2s-.675-3.112-1.725-4.2z"
-      />
-      <path
-        d="M10.596.199l-.525.562c1.35 1.35 2.175 3.225 2.175 5.25s-.825 3.9-2.175 5.25l.525.525c1.5-1.462 2.4-3.525 2.4-5.775s-.9-4.312-2.4-5.812zM6.996 1.511l-2.25 2.25H.996v4.5h3.75l2.25 2.25z"
-      />
-    </svg>
-    <time
-      class="c3"
-      datetime="PT2M15S"
-    >
-      2:15
-    </time>
-  </div>
-</div>
-`;
-
 exports[`MediaIndicator should render audio correctly without duration details 1`] = `
 .c2 {
   vertical-align: middle;
@@ -83,16 +11,12 @@ exports[`MediaIndicator should render audio correctly without duration details 1
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -107,13 +31,6 @@ exports[`MediaIndicator should render audio correctly without duration details 1
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -151,16 +68,12 @@ exports[`MediaIndicator should render audio indicator correctly 1`] = `
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -175,18 +88,6 @@ exports[`MediaIndicator should render audio indicator correctly 1`] = `
   height: 100%;
 }
 
-.c3 {
-  vertical-align: middle;
-  margin: 0 0.25rem;
-}
-
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -209,12 +110,6 @@ exports[`MediaIndicator should render audio indicator correctly 1`] = `
         d="M10.596.199l-.525.562c1.35 1.35 2.175 3.225 2.175 5.25s-.825 3.9-2.175 5.25l.525.525c1.5-1.462 2.4-3.525 2.4-5.775s-.9-4.312-2.4-5.812zM6.996 1.511l-2.25 2.25H.996v4.5h3.75l2.25 2.25z"
       />
     </svg>
-    <time
-      class="c3"
-      datetime="PT2M15S"
-    >
-      2:15
-    </time>
   </div>
 </div>
 `;
@@ -230,16 +125,12 @@ exports[`MediaIndicator should render photogallery correctly 1`] = `
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -254,13 +145,6 @@ exports[`MediaIndicator should render photogallery correctly 1`] = `
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -300,16 +184,12 @@ exports[`MediaIndicator should render video by default 1`] = `
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -324,13 +204,6 @@ exports[`MediaIndicator should render video by default 1`] = `
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -365,16 +238,12 @@ exports[`MediaIndicator should render video correctly without duration details 1
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -389,13 +258,6 @@ exports[`MediaIndicator should render video correctly without duration details 1
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -430,16 +292,12 @@ exports[`MediaIndicator should render video indicator correctly 1`] = `
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
+  display: block;
 }
 
 .c1 {
@@ -454,18 +312,6 @@ exports[`MediaIndicator should render video indicator correctly 1`] = `
   height: 100%;
 }
 
-.c3 {
-  vertical-align: middle;
-  margin: 0 0.25rem;
-}
-
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -485,12 +331,6 @@ exports[`MediaIndicator should render video indicator correctly 1`] = `
         points="3,32 29,16 3,0"
       />
     </svg>
-    <time
-      class="c3"
-      datetime="PT2M15S"
-    >
-      2:15
-    </time>
   </div>
 </div>
 `;
@@ -506,18 +346,14 @@ exports[`MediaIndicator should render video indicator correctly when inline 1`]
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: ReithSans,Helvetica,Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
   display: inline-block;
   vertical-align: middle;
+  padding-right: 0.5rem;
 }
 
 .c1 {
@@ -532,13 +368,6 @@ exports[`MediaIndicator should render video indicator correctly when inline 1`]
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
@@ -573,18 +402,14 @@ exports[`MediaIndicator should render video indicator correctly when inline on R
 }
 
 .c0 {
-  padding: 0.5rem 0.25rem;
+  color: #222222;
   background-color: #FFFFFF;
-  display: block;
   font-family: "BBC Nassim Persian",Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: #222222;
-  height: 2rem;
   display: inline-block;
   vertical-align: middle;
+  padding-right: 0.5rem;
 }
 
 .c1 {
@@ -599,13 +424,6 @@ exports[`MediaIndicator should render video indicator correctly when inline on R
   height: 100%;
 }
 
-@media (max-width:24.9375rem) {
-  .c0 {
-    height: 1.25rem;
-    padding: 0.25rem 0.25rem 0;
-  }
-}
-
 <div
   aria-hidden="true"
   class="c0"
diff --git a/packages/components/psammead-media-indicator/src/index.jsx b/packages/components/psammead-media-indicator/src/index.jsx
index 9df02395e7..b664639214 100644
--- a/packages/components/psammead-media-indicator/src/index.jsx
+++ b/packages/components/psammead-media-indicator/src/index.jsx
@@ -2,40 +2,30 @@ import React from 'react';
 import styled, { css } from 'styled-components';
 import { string, oneOf, bool, node } from 'prop-types';
 import { C_WHITE, C_EBON } from '@bbc/psammead-styles/colours';
-import {
-  GEL_SPACING_HLF,
-  GEL_SPACING,
-  GEL_SPACING_QUAD,
-} from '@bbc/gel-foundations/spacings';
-import { GEL_GROUP_1_SCREEN_WIDTH_MAX } from '@bbc/gel-foundations/breakpoints';
-import { GEL_MINION } from '@bbc/gel-foundations/typography';
+import { getMinion } from '@bbc/gel-foundations/typography';
 import { getSansRegular } from '@bbc/psammead-styles/font-styles';
+import { GEL_SPACING } from '@bbc/gel-foundations/spacings';
 import { mediaIcons } from '@bbc/psammead-assets/svgs';
 
-const MediaIndicatorWrapper = styled.div`
-  padding: ${GEL_SPACING} ${GEL_SPACING_HLF};
+const paddingDir = ({ dir }) => `padding-${dir === 'rtl' ? 'left' : 'right'}`;
+
+const StyledMediaIndicator = styled.div`
+  color: ${C_EBON};
   background-color: ${C_WHITE};
-  display: block;
   ${({ service }) => getSansRegular(service)}
-  ${GEL_MINION};
-  color: ${C_EBON};
-  height: ${GEL_SPACING_QUAD};
+  ${({ script }) => script && getMinion(script)};
 
   ${({ isInline }) =>
-    isInline &&
-    css`
-      display: inline-block;
-      vertical-align: middle;
-    `}
-
-  ${({ topStory }) =>
-    !topStory &&
-    css`
-      @media (max-width: ${GEL_GROUP_1_SCREEN_WIDTH_MAX}) {
-        height: 1.25rem;
-        padding: ${GEL_SPACING_HLF} ${GEL_SPACING_HLF} 0;
-      }
-    `}
+    isInline
+      ? css`
+          display: inline-block;
+          vertical-align: middle;
+          ${paddingDir}: ${GEL_SPACING};
+          /* This is to add spacing between the media indicator and the element sitting next to it*/
+        `
+      : css`
+          display: block;
+        `}
 `;
 
 const FlexWrapper = styled.div`
@@ -44,51 +34,28 @@ const FlexWrapper = styled.div`
   height: 100%;
 `;
 
-const TimeDuration = styled.time`
-  vertical-align: middle;
-  margin: 0 ${GEL_SPACING_HLF};
-`;
-
-const MediaIndicator = ({
-  datetime,
-  duration,
-  type,
-  topStory,
-  service,
-  isInline,
-  children,
-}) => (
-  <MediaIndicatorWrapper
+const MediaIndicator = ({ type, service, isInline, children }) => (
+  <StyledMediaIndicator
     aria-hidden="true"
-    topStory={topStory}
     service={service}
     isInline={isInline}
   >
     <FlexWrapper>
       {mediaIcons[type]}
-      {duration && datetime && !isInline && (
-        <TimeDuration dateTime={datetime}>{duration}</TimeDuration>
-      )}
       {children}
     </FlexWrapper>
-  </MediaIndicatorWrapper>
+  </StyledMediaIndicator>
 );
 
 MediaIndicator.propTypes = {
-  datetime: string,
-  duration: string,
   type: oneOf(['video', 'audio', 'photogallery']),
-  topStory: bool,
   service: string.isRequired,
   isInline: bool,
   children: node,
 };
 
 MediaIndicator.defaultProps = {
-  datetime: null,
-  duration: null,
   type: 'video',
-  topStory: false,
   isInline: false,
   children: null,
 };
diff --git a/packages/components/psammead-media-indicator/src/index.stories.jsx b/packages/components/psammead-media-indicator/src/index.stories.jsx
index 138871b271..b13c3c4c00 100644
--- a/packages/components/psammead-media-indicator/src/index.stories.jsx
+++ b/packages/components/psammead-media-indicator/src/index.stories.jsx
@@ -3,15 +3,26 @@ import { storiesOf } from '@storybook/react';
 import styled from 'styled-components';
 import { withKnobs, text, boolean } from '@storybook/addon-knobs';
 import { withServicesKnob } from '@bbc/psammead-storybook-helpers';
+import { C_CLOUD_LIGHT } from '@bbc/psammead-styles/colours';
+import { GEL_SPACING_HLF } from '@bbc/gel-foundations/spacings';
+import { Headline, Link } from '@bbc/psammead-story-promo';
 import notes from '../README.md';
 import MediaIndicator from './index';
 
 // To ensure the white box in the media indicator is visible.
 const Page = styled.div`
-  background: grey;
+  background: ${C_CLOUD_LIGHT};
   height: 100vh;
 `;
 
+const TimeDuration = styled.time`
+  margin: 0 ${GEL_SPACING_HLF};
+`;
+
+const StyledHeadline = styled(Headline)`
+  display: inline;
+`;
+
 const PageDecorator = storyFn => <Page>{storyFn()}</Page>;
 
 storiesOf('Components|MediaIndicator/Video', module)
@@ -26,39 +37,28 @@ storiesOf('Components|MediaIndicator/Video', module)
   .add(
     'video with duration',
     ({ service }) => (
-      <MediaIndicator
-        duration={text('duration', '2:15')}
-        datetime={text('datetime', 'PT2M15S')}
-        type="video"
-        service={service}
-      />
+      <MediaIndicator type="video" service={service}>
+        <TimeDuration dateTime={text('datetime', 'PT2M15S')}>
+          {text('duration', '2:15')}
+        </TimeDuration>
+      </MediaIndicator>
     ),
     { notes },
   )
   .add(
-    'top story video with duration',
-    ({ service }) => (
-      <MediaIndicator
-        duration={text('duration', '2:15')}
-        datetime={text('datetime', 'PT2M15S')}
-        type="video"
-        topStory
-        service={service}
-      />
-    ),
-    { notes },
-  )
-  .add(
-    'inline video media indicator',
-    ({ service }) => (
+    'inline video media indicator with headline',
+    ({ service, script }) => (
       <>
         <MediaIndicator
           type="video"
           service={service}
           isInline={boolean('inline?', true)}
-        >
-          {text('extra text', 'example text')}
-        </MediaIndicator>
+        />
+        <StyledHeadline script={script} service={service} promoHasImage={false}>
+          <Link href="https://www.bbc.co.uk/news">
+            {text('extra text', 'example text')}
+          </Link>
+        </StyledHeadline>
       </>
     ),
     { notes },
@@ -76,39 +76,28 @@ storiesOf('Components|MediaIndicator/Audio', module)
   .add(
     'audio with duration',
     ({ service }) => (
-      <MediaIndicator
-        duration={text('duration', '2:15')}
-        datetime={text('datetime', 'PT2M15S')}
-        type="audio"
-        service={service}
-      />
-    ),
-    { notes },
-  )
-  .add(
-    'top story audio with duration',
-    ({ service }) => (
-      <MediaIndicator
-        duration={text('duration', '2:15')}
-        datetime={text('datetime', 'PT2M15S')}
-        type="audio"
-        topStory
-        service={service}
-      />
+      <MediaIndicator type="audio" service={service}>
+        <time dateTime={text('datetime', 'PT2M15S')}>
+          {text('duration', '2:15')}
+        </time>
+      </MediaIndicator>
     ),
     { notes },
   )
   .add(
-    'inline audio media indicator',
-    ({ service }) => (
+    'inline audio media indicator with headline',
+    ({ service, script }) => (
       <>
         <MediaIndicator
           type="audio"
           service={service}
           isInline={boolean('inline?', true)}
-        >
-          {text('extra text', 'example text')}
-        </MediaIndicator>
+        />
+        <StyledHeadline script={script} service={service} promoHasImage={false}>
+          <Link href="https://www.bbc.co.uk/news">
+            {text('extra text', 'example text')}
+          </Link>
+        </StyledHeadline>
       </>
     ),
     { notes },
@@ -124,23 +113,19 @@ storiesOf('Components|MediaIndicator/Photo', module)
     { notes },
   )
   .add(
-    'top story photogallery',
-    ({ service }) => (
-      <MediaIndicator type="photogallery" service={service} topStory />
-    ),
-    { notes },
-  )
-  .add(
-    'inline photogallery media indicator',
-    ({ service }) => (
+    'inline photogallery with headline',
+    ({ service, script }) => (
       <>
         <MediaIndicator
           type="photogallery"
           service={service}
           isInline={boolean('inline?', true)}
-        >
-          {text('extra text', 'example text')}
-        </MediaIndicator>
+        />
+        <StyledHeadline script={script} service={service} promoHasImage={false}>
+          <Link href="https://www.bbc.co.uk/news">
+            {text('extra text', 'example text')}
+          </Link>
+        </StyledHeadline>
       </>
     ),
     { notes },
diff --git a/packages/components/psammead-media-indicator/src/index.test.jsx b/packages/components/psammead-media-indicator/src/index.test.jsx
index ce2c3774d2..ac7faff9a8 100644
--- a/packages/components/psammead-media-indicator/src/index.test.jsx
+++ b/packages/components/psammead-media-indicator/src/index.test.jsx
@@ -65,16 +65,3 @@ describe('MediaIndicator', () => {
     <MediaIndicator type="photogallery" service="news" />,
   );
 });
-
-describe('MediaIndicator - Top Story', () => {
-  shouldMatchSnapshot(
-    'should render a top story audio promo render correctly',
-    <MediaIndicator
-      duration="2:15"
-      datetime="PT2M15S"
-      type="audio"
-      topStory
-      service="news"
-    />,
-  );
-});