diff --git a/src/partials/Content.svelte b/src/partials/Content.svelte
index 2f9fb055..e826df5e 100644
--- a/src/partials/Content.svelte
+++ b/src/partials/Content.svelte
@@ -5,11 +5,17 @@
 
   const className = "flex flex-col m-auto text-white gap-6"
 
-  if (!['lg', '2xl'].includes(size)) {
+  if (!['inherit', 'lg', '2xl'].includes(size)) {
     throw new Error(`Invalid size: ${size}`)
   }
 </script>
 
+{#if size === 'inherit'}
+<div {...$$props} class={cx($$props.class, className)}>
+  <slot />
+</div>
+{/if}
+
 {#if size === 'lg'}
 <div {...$$props} class={cx($$props.class, className, "p-2 py-16 max-w-lg")}>
   <slot />
@@ -17,7 +23,7 @@
 {/if}
 
 {#if size === '2xl'}
-<div {...$$props} class={cx($$props.class, className, "p-4 lg:py-8 max-w-2xl")}>
+<div {...$$props} class={cx($$props.class, className, "p-4 max-w-2xl")}>
   <slot />
 </div>
 {/if}
diff --git a/src/partials/Notes.svelte b/src/partials/Notes.svelte
index 0207d9f2..b69e2779 100644
--- a/src/partials/Notes.svelte
+++ b/src/partials/Notes.svelte
@@ -46,19 +46,21 @@
   })
 </script>
 
-{#if newNotes.length > 0}
-<div
-  in:slide
-  class="cursor-pointer text-center underline text-light"
-  on:click={showNewNotes}>
-  Load {quantify(newNotes.length, 'new note')}
-</div>
-{/if}
+<Content size="inherit" class="pt-6">
+  {#if newNotes.length > 0}
+  <div
+    in:slide
+    class="cursor-pointer text-center underline text-light"
+    on:click={showNewNotes}>
+    Load {quantify(newNotes.length, 'new note')}
+  </div>
+  {/if}
 
-<div>
-  {#each notes as note (note.id)}
-  <Note {note} {depth} />
-  {/each}
-</div>
+  <div>
+    {#each notes as note (note.id)}
+    <Note {note} {depth} />
+    {/each}
+  </div>
 
-<Spinner />
+  <Spinner />
+</Content>