diff --git a/app/components/Header.js b/app/components/Header.js
index 6b50d4ab..57f557b7 100644
--- a/app/components/Header.js
+++ b/app/components/Header.js
@@ -83,6 +83,7 @@ const Wrapper = styled(Flex)`
   transition: all 100ms ease-out;
   transform: translate3d(0, 0, 0);
   backdrop-filter: blur(20px);
+  min-height: 56px;
 
   @media print {
     display: none;
diff --git a/app/scenes/Archive.js b/app/scenes/Archive.js
index be6294da..d7c1f550 100644
--- a/app/scenes/Archive.js
+++ b/app/scenes/Archive.js
@@ -1,27 +1,21 @@
 // @flow
-import { observer, inject } from "mobx-react";
+import { observer } from "mobx-react";
+import { ArchiveIcon } from "outline-icons";
 import * as React from "react";
 import { useTranslation } from "react-i18next";
-
-import DocumentsStore from "stores/DocumentsStore";
-import CenteredContent from "components/CenteredContent";
 import Empty from "components/Empty";
 import Heading from "components/Heading";
-import PageTitle from "components/PageTitle";
 import PaginatedDocumentList from "components/PaginatedDocumentList";
+import Scene from "components/Scene";
 import Subheading from "components/Subheading";
+import useStores from "hooks/useStores";
 
-type Props = {
-  documents: DocumentsStore,
-};
-
-function Archive(props: Props) {
+function Archive() {
   const { t } = useTranslation();
-  const { documents } = props;
+  const { documents } = useStores();
 
   return (
-    <CenteredContent>
-      <PageTitle title={t("Archive")} />
+    <Scene icon={<ArchiveIcon color="currentColor" />} title={t("Archive")}>
       <Heading>{t("Archive")}</Heading>
       <PaginatedDocumentList
         documents={documents.archived}
@@ -33,8 +27,8 @@ function Archive(props: Props) {
         showCollection
         showTemplate
       />
-    </CenteredContent>
+    </Scene>
   );
 }
 
-export default inject("documents")(observer(Archive));
+export default observer(Archive);