diff --git a/src/views/notes/Note.svelte b/src/views/notes/Note.svelte
index 13508cf5..9545eac8 100644
--- a/src/views/notes/Note.svelte
+++ b/src/views/notes/Note.svelte
@@ -360,7 +360,7 @@
           </Popover>
           <Anchor
             href={"/" + nip19.neventEncode({id: note.id, relays: [note.seen_on]})}
-            class="text-sm text-light"
+            class="hidden text-sm text-light sm:block"
             type="unstyled">
             {timestamp}
           </Anchor>
@@ -419,7 +419,9 @@
                   <i class="fa fa-bolt cursor-pointer" />
                   {formatSats($zapsTotal)}
                 </button>
-                <button class="w-16 text-left" on:click|stopPropagation={() => react("-")}>
+                <button
+                  class="hidden w-16 text-left sm:block"
+                  on:click|stopPropagation={() => react("-")}>
                   <i class="fa fa-flag cursor-pointer" />
                   {$flagsCount}
                 </button>
diff --git a/src/views/notes/NoteDetail.svelte b/src/views/notes/NoteDetail.svelte
index 9dd678d6..6ffaf88d 100644
--- a/src/views/notes/NoteDetail.svelte
+++ b/src/views/notes/NoteDetail.svelte
@@ -54,7 +54,7 @@
     <Content size="lg" class="text-center">Sorry, we weren't able to find this note.</Content>
   </div>
 {:else if note.pubkey}
-  <div in:fly={{y: 20}} class="flex flex-col gap-4 p-4">
+  <div in:fly={{y: 20}} class="m-auto flex max-w-2xl flex-col gap-4 p-4">
     <Note showContext depth={6} anchorId={note.id} note={asDisplayEvent(note)} {invertColors} />
   </div>
 {/if}