diff --git a/packages/xpub-faraday/app/FaradayApp.js b/packages/xpub-faraday/app/FaradayApp.js
index 1ef508a8c807911d838522e92a2e169e9b746820..51b13a81a9773831c2bec76b303c561875169125 100644
--- a/packages/xpub-faraday/app/FaradayApp.js
+++ b/packages/xpub-faraday/app/FaradayApp.js
@@ -6,11 +6,17 @@ import { actions } from 'pubsweet-client'
 import { withJournal } from 'xpub-journal'
 import { withRouter } from 'react-router-dom'
 import { compose, withHandlers } from 'recompose'
-import { AppBar, Logo, AppBarMenu } from 'pubsweet-component-faraday-ui'
+import {
+  Logo,
+  AppBar,
+  AppBarMenu,
+  AutosaveIndicator,
+} from 'pubsweet-component-faraday-ui'
 
-const App = ({ journal, goTo, children, logout, currentUser }) => (
+const App = ({ autosave, journal, goTo, children, logout, currentUser }) => (
   <Root className="faraday-root">
     <AppBar
+      autosave={() => <AutosaveIndicator autosave={autosave} delay={4000} />}
       journal={journal}
       logo={() => (
         <Logo
@@ -30,6 +36,7 @@ const App = ({ journal, goTo, children, logout, currentUser }) => (
 export default compose(
   connect(
     state => ({
+      autosave: state.autosave,
       currentUser: state.currentUser,
     }),
     { logout: actions.logoutUser },