diff --git a/app/scenes/Document/components/Header.tsx b/app/scenes/Document/components/Header.tsx
index c7043b8b8..4a2f26e98 100644
--- a/app/scenes/Document/components/Header.tsx
+++ b/app/scenes/Document/components/Header.tsx
@@ -213,7 +213,9 @@ function DocumentHeader({
         title={
           <>
             {document.title}{" "}
-            {document.isArchived && <Badge>{t("Archived")}</Badge>}
+            {document.isArchived && (
+              <ArchivedBadge>{t("Archived")}</ArchivedBadge>
+            )}
           </>
         }
         actions={
@@ -358,6 +360,10 @@ function DocumentHeader({
   );
 }
 
+const ArchivedBadge = styled(Badge)`
+  position: absolute;
+`;
+
 const Status = styled(Action)`
   padding-left: 0;
   padding-right: 4px;