diff --git a/app/components/Heading.ts b/app/components/Heading.ts
index 3b4b96575..c5f37f02c 100644
--- a/app/components/Heading.ts
+++ b/app/components/Heading.ts
@@ -1,9 +1,10 @@
 import styled from "styled-components";
 
-const Heading = styled.h1<{ centered?: boolean }>`
+const Heading = styled.h1<{ as: string; centered?: boolean }>`
   display: flex;
   align-items: center;
   user-select: none;
+  ${(props) => (props.as ? "" : "margin-top: 6vh; font-weight: 600;")}
   ${(props) => (props.centered ? "text-align: center;" : "")}
 `;
 
diff --git a/app/scenes/Document/components/DocumentTitle.tsx b/app/scenes/Document/components/DocumentTitle.tsx
index 4fd6c356a..43ae82d4b 100644
--- a/app/scenes/Document/components/DocumentTitle.tsx
+++ b/app/scenes/Document/components/DocumentTitle.tsx
@@ -317,12 +317,12 @@ type TitleProps = {
 const Title = styled(ContentEditable)<TitleProps>`
   position: relative;
   line-height: ${lineHeight};
-  margin-top: 1em;
+  margin-top: 6vh;
   margin-bottom: 0.5em;
   margin-left: ${(props) =>
     props.$containsEmoji || props.$emojiPickerIsOpen ? "40px" : "0px"};
   font-size: ${fontSize};
-  font-weight: 500;
+  font-weight: 600;
   border: 0;
   padding: 0;
   cursor: ${(props) => (props.readOnly ? "default" : "text")};