fix: H1 and title should be different sizes, closes #3975

app/editor/components/Styles.ts

@@ -63,6 +63,15 @@ const EditorStyles = styled.div<{
       margin-bottom: 0.25em;
     }
 
+    // all of heading sizes are stepped down one from global styles, except h1
+    // which is between h1 and h2
+    h1 { font-size: 1.75em; }
+    h2 { font-size: 1.25em; }
+    h3 { font-size: 1em; }
+    h4 { font-size: 0.875em; }
+    h5 { font-size: 0.75em; }
+    h6 { font-size: 0.75em; }
+
     .ProseMirror-yjs-cursor {
       position: relative;
       margin-left: -1px;

app/scenes/Document/components/Contents.tsx

@@ -58,7 +58,7 @@ export default function Contents({ headings, isFullWidth }: Props) {
         {headings.length ? (
           <List>
             {headings
-              .filter((heading) => heading.level >= 4)
+              .filter((heading) => heading.level < 4)
               .map((heading) => (
                 <ListItem
                   key={heading.id}