diff --git a/packages/web/src/pages/ProjectsPage.vue b/packages/web/src/pages/ProjectsPage.vue
index 2d0fdb3..97fffc3 100644
--- a/packages/web/src/pages/ProjectsPage.vue
+++ b/packages/web/src/pages/ProjectsPage.vue
@@ -122,17 +122,19 @@
             <h2 class="project-name">
               <RouterLink :to="`/p/${project.share_token}`">{{ project.name }}</RouterLink>
             </h2>
-            <GnCopyButton
-              :text="api.projectShareUrl(project)"
-              :label="t('projects.share')"
-              size="sm"
-            />
-            <GnIconButton
-              icon="ph-trash"
-              :label="t('projects.delete')"
-              size="sm"
-              @click="deleteTarget = project; deleteOpen = true"
-            />
+            <div class="project-card-actions">
+              <GnCopyButton
+                :text="api.projectShareUrl(project)"
+                :label="t('projects.share')"
+                size="sm"
+              />
+              <GnIconButton
+                icon="ph-trash"
+                :label="t('projects.delete')"
+                size="sm"
+                @click="deleteTarget = project; deleteOpen = true"
+              />
+            </div>
           </div>
           <p class="project-description">{{ project.description ?? "—" }}</p>
           <div class="project-card-footer">
@@ -192,7 +194,6 @@
 }
 .project-card-head {
   display: flex;
-  justify-content: space-between;
   align-items: center;
   gap: 10px;
 }
@@ -203,6 +204,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.project-card-actions {
+  /* keep both buttons on the right edge, whatever the title width */
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
 .project-name a {
   color: inherit;
   text-decoration: none;