diff --git a/apps/web/app/components/ProjectForm.vue b/apps/web/app/components/ProjectForm.vue
index 600ef7f..2323e95 100644
--- a/apps/web/app/components/ProjectForm.vue
+++ b/apps/web/app/components/ProjectForm.vue
@@ -47,8 +47,8 @@ function onSubmit() {
     </UFormField>
 
     <div class="flex gap-3 justify-end">
-      <UButton label="Cancel" color="neutral" variant="outline" to="/projects" />
-      <UButton type="submit" label="Save" color="primary" :loading="saving" />
+      <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" to="/projects" />
+      <UButton type="submit" label="Save" icon="i-lucide-save" color="primary" :loading="saving" />
     </div>
   </form>
 </template>
diff --git a/apps/web/app/pages/projects/index.vue b/apps/web/app/pages/projects/index.vue
index d03620b..c594188 100644
--- a/apps/web/app/pages/projects/index.vue
+++ b/apps/web/app/pages/projects/index.vue
@@ -107,8 +107,8 @@ const columns: TableColumn<Project>[] = [
 
         <template #footer>
           <div class="flex gap-3 justify-end">
-            <UButton label="Cancel" color="neutral" variant="outline" @click="confirmDelete = false" />
-            <UButton label="Delete" color="error" @click="deleting && confirmAndDelete(deleting)" />
+            <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" @click="confirmDelete = false; deleting = null" />
+            <UButton label="Delete" icon="i-lucide-trash-2" color="error" @click="deleting && confirmAndDelete(deleting)" />
           </div>
         </template>
       </UModal>