From ab7b16bbb9093c256f75c0d06e81496891eaf27e Mon Sep 17 00:00:00 2001
From: Saumya Pandey <sp160899@gmail.com>
Date: Wed, 10 Mar 2021 01:51:29 +0530
Subject: [PATCH] fix: Centered document title moves when saving (#1943)

closes #1939
---
 app/scenes/Document/components/Header.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/scenes/Document/components/Header.js b/app/scenes/Document/components/Header.js
index d3dbac372..1c1ce29f8 100644
--- a/app/scenes/Document/components/Header.js
+++ b/app/scenes/Document/components/Header.js
@@ -138,9 +138,9 @@ function DocumentHeader({
         }
         actions={
           <>
-            {isSaving && !isPublishing && (
+            {!isPublishing && (
               <Action>
-                <Status>{t("Saving")}…</Status>
+                <Status isSaving={isSaving}>{t("Saving")}…</Status>
               </Action>
             )}
             &nbsp;
@@ -301,6 +301,7 @@ function DocumentHeader({
 
 const Status = styled.div`
   color: ${(props) => props.theme.slate};
+  visibility: ${(props) => (props.isSaving ? "visible" : "hidden")};
 `;
 
 export default observer(DocumentHeader);