diff --git a/src/lib/components/ArticleHeader.svelte b/src/lib/components/ArticleHeader.svelte
index c0ff6fb..6986ee0 100644
--- a/src/lib/components/ArticleHeader.svelte
+++ b/src/lib/components/ArticleHeader.svelte
@@ -71,7 +71,7 @@
 
 {#if title != null && href != null}
   <Card class='ArticleBox card-leather w-lg'>
-    <div class='flex flex-col space-y-4'>
+    <div class='flex flex-col space-y-8'>
       <a href="/{href}" class='flex flex-col space-y-2'>
         <h2 class='text-lg font-bold'>{title}</h2>
         <h3 class='text-base font-normal'>by {author}</h3>
@@ -80,7 +80,7 @@
         {/if}
       </a>
       <div class='w-full flex space-x-2 justify-end'>
-        <Button class='btn-leather' size='xs' onclick={shareNjump}><ShareNodesOutline /></Button>
+        <Button class='btn-leather' size='sm' onclick={shareNjump}><ShareNodesOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top' on:show={() => shareLinkCopied = false}>
           {#if shareLinkCopied}
             <ClipboardCheckOutline />
@@ -88,7 +88,7 @@
             Share via NJump
           {/if}
         </Tooltip>
-        <Button class='btn-leather' size='xs' outline onclick={copyEventId}><ClipboardCleanOutline /></Button>
+        <Button class='btn-leather' size='sm' outline onclick={copyEventId}><ClipboardCleanOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top' on:show={() => eventIdCopied = false}>
           {#if eventIdCopied}
             <ClipboardCheckOutline />
@@ -96,7 +96,7 @@
             Copy event ID
           {/if}
         </Tooltip>
-        <Button class='btn-leather' size='xs' outline onclick={viewJson}><CodeOutline /></Button>
+        <Button class='btn-leather' size='sm' outline onclick={viewJson}><CodeOutline /></Button>
         <Tooltip class='tooltip-leather' type='auto' placement='top'>View JSON</Tooltip>
       </div>
     </div>
diff --git a/src/lib/components/PublicationFeed.svelte b/src/lib/components/PublicationFeed.svelte
index 7596bc0..389e3cd 100644
--- a/src/lib/components/PublicationFeed.svelte
+++ b/src/lib/components/PublicationFeed.svelte
@@ -80,7 +80,7 @@
   });
 </script>
 
-<div class='leather flex flex-col flex-grow-0 space-y-4 overflow-y-auto w-max p-2'>
+<div class='leather flex flex-col space-y-4'>
   {#if eventsInView.length === 0}
     {#each getSkeletonIds() as id}
       <Skeleton divClass='skeleton-leather w-full' size='lg' />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a4d4754..5dd0ea0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -22,7 +22,7 @@
   };
 </script>
 
-<div class='leather flex flex-col flex-grow-0 space-y-4 overflow-y-auto w-max p-2'>
+<main class='leather flex flex-col flex-grow-0 space-y-4 p-4'>
   {#if !$ndkSignedIn}
     <PublicationFeed relays={standardRelays} />
   {:else}
@@ -45,4 +45,4 @@
       <PublicationFeed relays={$inboxRelays} />
     {/if}
   {/if}
-</div>
+</main>
diff --git a/src/styles/publications.css b/src/styles/publications.css
index e242fb8..a48919a 100644
--- a/src/styles/publications.css
+++ b/src/styles/publications.css
@@ -189,7 +189,7 @@
     /* listingblock, literalblock */
     .note-leather .listingblock,
     .note-leather .literalblock {
-        @apply p-4 rounded  bg-highlight dark:bg-primary-900;
+        @apply p-4 rounded  bg-highlight dark:bg-primary-700;
     }
 
     .note-leather .sidebarblock .title,