diff --git a/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte b/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
index 52ff4ba154..4ff3c11d6c 100644
--- a/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
+++ b/plugins/controlled-documents-resources/src/components/document/DocSectionEditor.svelte
@@ -154,7 +154,9 @@
     <slot name="before-header" />
   </svelte:fragment>
   <svelte:fragment slot="index">
-    {index + 1}
+    <span class="sectionTitle">
+      {index + 1}
+    </span>
   </svelte:fragment>
   <svelte:fragment slot="header">
     <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -164,6 +166,7 @@
       class:text-editor-highlighted-node-warning={isActiveSectionNode ||
         $groupedDocumentComments.hasDocumentComments(value.key)}
       class:text-editor-highlighted-node-selected={isActiveSectionNode}
+      class="sectionTitle"
       bind:this={sectionElement}
       on:click={handleDisplayDocumentComments}
     >
@@ -203,3 +206,10 @@
     />
   </svelte:fragment>
 </FieldSectionEditor>
+
+<style lang="scss">
+  .sectionTitle {
+    font-size: 1.75rem;
+    line-height: 150%;
+  }
+</style>
diff --git a/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte b/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
index 3083bab428..d41106f73d 100644
--- a/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
+++ b/plugins/controlled-documents-resources/src/components/document/EditDocContent.svelte
@@ -214,6 +214,7 @@
             </div>
           {/each}
         {/if}
+        <div class="bottomSpacing no-print" />
       </div>
     </Scroller>
   </div>
@@ -269,6 +270,9 @@
     }
   }
 
+  .bottomSpacing {
+    padding-bottom: 30vh;
+  }
   .drag-over-highlight {
     opacity: 0.2;
   }