diff --git a/app/components/DocumentHistory/DocumentHistory.js b/app/components/DocumentHistory/DocumentHistory.js
index 693bacb75..2de8c4e1c 100644
--- a/app/components/DocumentHistory/DocumentHistory.js
+++ b/app/components/DocumentHistory/DocumentHistory.js
@@ -133,6 +133,7 @@ const Loading = styled.div`
 `;
 
 const Wrapper = styled(Flex)`
+  background: ${props => props.theme.background};
   min-width: ${props => props.theme.sidebarWidth};
   border-left: 1px solid ${props => props.theme.divider};
   overflow: scroll;
diff --git a/app/scenes/Document/KeyedDocument.js b/app/scenes/Document/KeyedDocument.js
index ba488c32e..edb2d9f81 100644
--- a/app/scenes/Document/KeyedDocument.js
+++ b/app/scenes/Document/KeyedDocument.js
@@ -9,7 +9,7 @@ class KeyedDocument extends React.Component<*> {
   }
 
   render() {
-    const { documentSlug } = this.props.match.params;
+    const { documentSlug, revisionId } = this.props.match.params;
 
     // the urlId portion of the url does not include the slugified title
     // we only want to force a re-mount of the document component when the
@@ -18,7 +18,7 @@ class KeyedDocument extends React.Component<*> {
     const urlParts = documentSlug ? documentSlug.split('-') : [];
     const urlId = urlParts.length ? urlParts[urlParts.length - 1] : undefined;
 
-    return <DataLoader key={urlId} {...this.props} />;
+    return <DataLoader key={[urlId, revisionId].join('/')} {...this.props} />;
   }
 }
 
diff --git a/app/scenes/Document/components/Header.js b/app/scenes/Document/components/Header.js
index 032c8a59a..e4a85d4f6 100644
--- a/app/scenes/Document/components/Header.js
+++ b/app/scenes/Document/components/Header.js
@@ -190,7 +190,8 @@ class Header extends React.Component<Props> {
             </React.Fragment>
           )}
           {can.update &&
-            isDraft && (
+            isDraft &&
+            !isRevision && (
               <Action>
                 <Tooltip
                   tooltip="Publish"