From 8ba911b56d228ffa3ecb1283e01acbf53afd3fa1 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 23 Oct 2022 13:00:57 -0400
Subject: [PATCH] fix: Slight misalignment of archived badge

---
 app/scenes/Document/components/Header.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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;