diff --git a/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte b/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte
index f5309f63a..c2b9341b2 100644
--- a/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte
+++ b/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte
@@ -163,6 +163,7 @@
   .DC-note-image-max-bounds {
     border-radius: var(--radius);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
+    box-sizing: content-box;
     position: relative;
     font-size: 0;
     overflow: hidden;
diff --git a/src/routes/(embed)/projects/[project_id]/+page.svelte b/src/routes/(embed)/projects/[project_id]/+page.svelte
index 6a32a3bd1..ea00b8a75 100644
--- a/src/routes/(embed)/projects/[project_id]/+page.svelte
+++ b/src/routes/(embed)/projects/[project_id]/+page.svelte
@@ -64,8 +64,17 @@
 </div>
 
 <style>
+  header {
+    padding: 1rem;
+  }
+
   .documents {
-    display: flex;
-    flex-flow: row wrap;
+    padding: 1rem;
+  }
+
+  @media (min-width: 720px) {
+    .documents {
+      column-count: 3;
+    }
   }
 </style>
diff --git a/src/routes/(embed)/stories/project-embed.stories.svelte b/src/routes/(embed)/stories/project-embed.stories.svelte
index d11f39485..4edcef00f 100644
--- a/src/routes/(embed)/stories/project-embed.stories.svelte
+++ b/src/routes/(embed)/stories/project-embed.stories.svelte
@@ -15,7 +15,7 @@
     title: "Embed / Project",
     component: ProjectEmbed,
     tags: ["autodocs"],
-    parameters: { layout: "centered" },
+    parameters: { layout: "fullscreen" },
   };
 
   const data = {