diff --git a/components/x-live-blog-post/readme.md b/components/x-live-blog-post/readme.md
index 725846c76..b3d189401 100644
--- a/components/x-live-blog-post/readme.md
+++ b/components/x-live-blog-post/readme.md
@@ -52,3 +52,5 @@ Feature             | Type   | Notes
 `publishedTimestamp`| String | Deprecated - ISO timestamp of publish date
 `articleUrl`        | String | Url of the main article that includes this post
 `showShareButtons`  | Bool   | default: `false` - Shows social media share buttons when `true`
+`backToTop`                | String | Function   | Shows the back to top link at the bottom of posts and manages navigating to `selected top` with a javascript function or a hashed href (string). If this prop is a string it will rely on standard browser behaviour to navigate to the element `id` provided that represents the top. If this prop is a function then that function should control the experience of navigating/scrolling to the top position. When using a function please call event.preventDefault() at the top level.
+
diff --git a/components/x-live-blog-post/src/LiveBlogPost.jsx b/components/x-live-blog-post/src/LiveBlogPost.jsx
index 709a822a1..0f217f2ef 100644
--- a/components/x-live-blog-post/src/LiveBlogPost.jsx
+++ b/components/x-live-blog-post/src/LiveBlogPost.jsx
@@ -1,4 +1,5 @@
-import { h } from '@financial-times/x-engine'
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import { h, Fragment } from '@financial-times/x-engine'
 import ShareButtons from './ShareButtons'
 import Timestamp from './Timestamp'
 import styles from './LiveBlogPost.scss'
@@ -17,11 +18,43 @@ const LiveBlogPost = (props) => {
 		articleUrl,
 		showShareButtons = false,
 		byline,
-		ad
+		ad,
+		backToTop
 	} = props
 
 	const showBreakingNewsLabel = standout.breakingNews || isBreakingNews
 
+	let BackToTopComponent
+
+	if (backToTop) {
+		if (typeof backToTop === 'string') {
+			const processTopRef = (ref) => {
+				return ref.includes('#') ? ref : `#${ref}`
+			}
+			BackToTopComponent = (
+				<a
+					href={processTopRef(backToTop)}
+					aria-labelledby="Back to top"
+					className={styles['live-blog-post-controls__back-to-top-link']}
+				>
+					Back to top
+				</a>
+			)
+		}
+
+		if (typeof backToTop === 'function') {
+			BackToTopComponent = (
+				<button
+					onClick={backToTop}
+					aria-labelledby="Back to top"
+					className={styles['live-blog-post-controls__back-to-top-button']}
+				>
+					Back to top
+				</button>
+			)
+		}
+	}
+
 	return (
 		<article
 			className={`live-blog-post ${styles['live-blog-post']}`}
@@ -39,7 +72,11 @@ const LiveBlogPost = (props) => {
 				className={`${styles['live-blog-post__body']} n-content-body article--body`}
 				dangerouslySetInnerHTML={{ __html: bodyHTML || content }}
 			/>
-			{showShareButtons && <ShareButtons postId={id || postId} articleUrl={articleUrl} title={title} />}
+			<div className={styles['live-blog-post__controls']}>
+				{showShareButtons && <ShareButtons postId={id || postId} articleUrl={articleUrl} title={title} />}
+				{Boolean(BackToTopComponent) && <Fragment>{BackToTopComponent}</Fragment>}
+			</div>
+
 			{ad}
 		</article>
 	)
diff --git a/components/x-live-blog-post/src/LiveBlogPost.scss b/components/x-live-blog-post/src/LiveBlogPost.scss
index ca983ef58..2e329d21f 100644
--- a/components/x-live-blog-post/src/LiveBlogPost.scss
+++ b/components/x-live-blog-post/src/LiveBlogPost.scss
@@ -54,10 +54,6 @@
 	padding-top: oSpacingByName('s1');
 }
 
-.live-blog-post__share-buttons {
-	margin-top: oSpacingByName('s6');
-}
-
 .live-blog-post__breaking-news {
 	@include oTypographySans($scale: -2);
 	color: oColorsByName('crimson');
@@ -74,3 +70,28 @@
 	border-radius: 50%;
 	background-color: oColorsByName('crimson');
 }
+
+.live-blog-post__controls {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	flex-wrap: wrap;
+	margin-top: oSpacingByName('s6');
+}
+
+.live-blog-post__controls .live-blog-post-controls__back-to-top-link,
+.live-blog-post__controls .live-blog-post-controls__back-to-top-button  {
+	@include oTypographySans($scale: 1);
+	color: oColorsByName('teal');
+	text-decoration: underline;
+	margin-left: auto;
+}
+
+.live-blog-post__controls .live-blog-post-controls__back-to-top-button {
+	background: unset;
+	border: unset;
+}
+
+.live-blog-post__controls .live-blog-post-controls__back-to-top-button:hover {
+	cursor: pointer;
+}
diff --git a/components/x-live-blog-post/src/ShareButtons.jsx b/components/x-live-blog-post/src/ShareButtons.jsx
index 0ed3ad888..9c6f3abce 100644
--- a/components/x-live-blog-post/src/ShareButtons.jsx
+++ b/components/x-live-blog-post/src/ShareButtons.jsx
@@ -1,5 +1,4 @@
 import { h } from '@financial-times/x-engine'
-import styles from './LiveBlogPost.scss'
 
 export default ({ postId, articleUrl, title }) => {
 	const shareUrl = articleUrl ? new URL(articleUrl) : null
@@ -18,18 +17,20 @@ export default ({ postId, articleUrl, title }) => {
 	)}&title=${encodeURIComponent(title)}&source=Financial+Times`
 
 	return (
-		<div className={styles['live-blog-post__share-buttons']}>
+		<div>
 			<div
 				data-o-component="o-share"
 				data-o-share-location={`live-blog-post-${postId}`}
-				className="o-share o-share--small">
+				className="o-share o-share--small"
+			>
 				<ul data-toolbar="share">
 					<li className="o-share__action" data-share="twitter">
 						<a
 							className="o-share__icon o-share__icon--twitter"
 							rel="noopener"
 							href={twitterUrl}
-							data-trackable="twitter">
+							data-trackable="twitter"
+						>
 							<span className="o-share__text" aria-label={`Share ${title} on Twitter`}>
 								Share on Twitter (opens new window)
 							</span>
@@ -40,7 +41,8 @@ export default ({ postId, articleUrl, title }) => {
 							className="o-share__icon o-share__icon--facebook"
 							rel="noopener"
 							href={facebookUrl}
-							data-trackable="facebook">
+							data-trackable="facebook"
+						>
 							<span className="o-share__text" aria-label={`Share ${title} on Facebook`}>
 								Share on Facebook (opens new window)
 							</span>
@@ -51,7 +53,8 @@ export default ({ postId, articleUrl, title }) => {
 							className="o-share__icon o-share__icon--linkedin"
 							rel="noopener"
 							href={linkedInUrl}
-							data-trackable="linkedin">
+							data-trackable="linkedin"
+						>
 							<span className="o-share__text" aria-label={`Share ${title} on LinkedIn`}>
 								Share on LinkedIn (opens new window)
 							</span>
diff --git a/components/x-live-blog-post/src/__tests__/LiveBlogPost.test.jsx b/components/x-live-blog-post/src/__tests__/LiveBlogPost.test.jsx
index b038c90fe..be108307a 100644
--- a/components/x-live-blog-post/src/__tests__/LiveBlogPost.test.jsx
+++ b/components/x-live-blog-post/src/__tests__/LiveBlogPost.test.jsx
@@ -47,6 +47,18 @@ const regularPostSpark = {
 	showShareButtons: true
 }
 
+const backToTopPostSpark = {
+	id: '12345',
+	title: 'Test title',
+	byline: 'Test author',
+	bodyHTML: '<p><i>Test body</i></p>',
+	publishedDate: new Date().toISOString(),
+	isBreakingNews: false,
+	articleUrl: 'Https://www.ft.com',
+	showShareButtons: true,
+	backToTop: () => {}
+}
+
 describe('x-live-blog-post', () => {
 	describe('Spark cms', () => {
 		describe('title property exists', () => {
@@ -107,6 +119,15 @@ describe('x-live-blog-post', () => {
 
 			expect(liveBlogPost.html()).toContain('<p><i>Test body</i></p>')
 		})
+
+		describe('Back to top post', () => {
+			it('renders back to top link', () => {
+				const liveBlogPost = mount(<LiveBlogPost {...backToTopPostSpark} />)
+
+				expect(liveBlogPost.html()).toContain('Back to top')
+				expect(liveBlogPost.html()).toContain('</a>')
+			})
+		})
 	})
 
 	describe('Wordpress cms', () => {
diff --git a/components/x-live-blog-post/storybook/index.jsx b/components/x-live-blog-post/storybook/index.jsx
index f17f6e759..b8528a179 100644
--- a/components/x-live-blog-post/storybook/index.jsx
+++ b/components/x-live-blog-post/storybook/index.jsx
@@ -34,5 +34,31 @@ ContentBody.args = {
 	id: '12345',
 	publishedDate: '2020-05-13T18:52:28.000Z',
 	articleUrl: 'https://www.ft.com/content/2b665ec7-a88f-3998-8f39-5371f9c791ed',
-	showShareButtons: true
+	showShareButtons: true,
+	backToTop: '#Top'
+}
+
+export const ContentBodyWithBackToTopButton = (args) => {
+	return (
+		<div className="story-container">
+			{dependencies && <BuildService dependencies={dependencies} />}
+			<LiveBlogPost {...args} />
+		</div>
+	)
+}
+
+ContentBodyWithBackToTopButton.args = {
+	title: 'Turkey’s virus deaths may be 25% higher than official figure',
+	byline: 'George Russell',
+	isBreakingNews: false,
+	standout: {
+		breakingNews: false
+	},
+	bodyHTML:
+		'<p>Turkey&#x2019;s death toll from coronavirus could be as much as 25 per cent higher than the government&#x2019;s official tally, adding the country of 83m people to the raft of nations that have struggled to accurately capture the impact of the pandemic.</p>\n<p>Ankara has previously rejected suggestions that municipal data from Istanbul, the epicentre of the country&#x2019;s Covid-19 outbreak, showed that there were more deaths from the disease than reported.</p>\n<p>But an analysis of individual death records by the Financial Times raises questions about the Turkish government&#x2019;s explanation for a spike in all-cause mortality in the city of almost 16m people.</p>\n<p><a href="https://www.ft.com/content/80bb222c-b6eb-40ea-8014-563cbe9e0117" target="_blank">Read the article here</a></p>\n<p><img class="picture" src="http://blogs.ft.com/the-world/files/2020/05/istanbul_excess_morts_l.jpg"></p>',
+	id: '12345',
+	publishedDate: '2020-05-13T18:52:28.000Z',
+	articleUrl: 'https://www.ft.com/content/2b665ec7-a88f-3998-8f39-5371f9c791ed',
+	showShareButtons: true,
+	backToTop: () => {}
 }