diff --git a/frontend/src/components/sharing/LinkSharing.vue b/frontend/src/components/sharing/LinkSharing.vue
index a58fe392e..c9830ca98 100644
--- a/frontend/src/components/sharing/LinkSharing.vue
+++ b/frontend/src/components/sharing/LinkSharing.vue
@@ -16,7 +16,9 @@
 				class="mbe-4"
 				@click="showNewForm = true"
 			>
-				<template #icon><PhPlus /></template>
+				<template #icon>
+					<PhPlus />
+				</template>
 				{{ $t('project.share.links.create') }}
 			</XButton>
 
@@ -62,7 +64,9 @@
 				<XButton
 					@click="add(projectId)"
 				>
-					<template #icon><PhPlus /></template>
+					<template #icon>
+						<PhPlus />
+					</template>
 					{{ $t('project.share.share') }}
 				</XButton>
 			</div>
@@ -164,7 +168,9 @@
 									}
 								"
 							>
-								<template #icon><PhTrash /></template>
+								<template #icon>
+									<PhTrash />
+								</template>
 							</XButton>
 						</td>
 					</tr>
diff --git a/frontend/src/components/sharing/UserTeam.vue b/frontend/src/components/sharing/UserTeam.vue
index a89bf9802..70bbbdf6a 100644
--- a/frontend/src/components/sharing/UserTeam.vue
+++ b/frontend/src/components/sharing/UserTeam.vue
@@ -129,7 +129,9 @@
 								}
 							"
 						>
-							<template #icon><PhTrash /></template>
+							<template #icon>
+								<PhTrash />
+							</template>
 						</XButton>
 					</td>
 				</tr>
diff --git a/frontend/src/views/labels/ListLabels.vue b/frontend/src/views/labels/ListLabels.vue
index 97b9c6b70..e35d9622a 100644
--- a/frontend/src/views/labels/ListLabels.vue
+++ b/frontend/src/views/labels/ListLabels.vue
@@ -6,9 +6,10 @@
 		<XButton
 			:to="{name:'labels.create'}"
 			class="is-pulled-right"
-
 		>
-			<template #icon><PhPlus /></template>
+			<template #icon>
+				<PhPlus />
+			</template>
 			{{ $t('label.create.header') }}
 		</XButton>
 
@@ -88,7 +89,9 @@
 									danger
 									@click="showDeleteDialoge(labelEditLabel)"
 								>
-									<template #icon><PhTrash /></template>
+									<template #icon>
+										<PhTrash />
+									</template>
 								</XButton>
 							</div>
 						</div>
diff --git a/frontend/src/views/project/ListProjects.vue b/frontend/src/views/project/ListProjects.vue
index 2e0a6054f..7b709e277 100644
--- a/frontend/src/views/project/ListProjects.vue
+++ b/frontend/src/views/project/ListProjects.vue
@@ -15,17 +15,19 @@
 			<div class="action-buttons">
 				<XButton
 					:to="{name: 'filters.create'}"
-
 				>
-					<template #icon><PhFunnel /></template>
+					<template #icon>
+						<PhFunnel />
+					</template>
 					{{ $t('filters.create.title') }}
 				</XButton>
 				<XButton
 					v-cy="'new-project'"
 					:to="{name: 'project.create'}"
-
 				>
-					<template #icon><PhPlus /></template>
+					<template #icon>
+						<PhPlus />
+					</template>
 					{{ $t('project.create.header') }}
 				</XButton>
 			</div>
diff --git a/frontend/src/views/project/settings/ProjectSettingsDuplicate.vue b/frontend/src/views/project/settings/ProjectSettingsDuplicate.vue
index 7f832df2c..501f19bac 100644
--- a/frontend/src/views/project/settings/ProjectSettingsDuplicate.vue
+++ b/frontend/src/views/project/settings/ProjectSettingsDuplicate.vue
@@ -5,7 +5,9 @@
 		:primary-label="$t('project.duplicate.label')"
 		@primary="duplicate"
 	>
-		<template #primary-icon><PhClipboard /></template>
+		<template #primary-icon>
+			<PhClipboard />
+		</template>
 		<p>{{ $t('project.duplicate.text') }}</p>
 		<ProjectSearch v-model="parentProject" />
 	</CreateEdit>
diff --git a/frontend/src/views/project/settings/ProjectSettingsViews.vue b/frontend/src/views/project/settings/ProjectSettingsViews.vue
index a4a8c8dd4..ea1a637f1 100644
--- a/frontend/src/views/project/settings/ProjectSettingsViews.vue
+++ b/frontend/src/views/project/settings/ProjectSettingsViews.vue
@@ -199,13 +199,17 @@ async function saveViewPosition(e) {
 										showDeleteModal = true
 									}"
 								>
-									<template #icon><PhTrash /></template>
+									<template #icon>
+										<PhTrash />
+									</template>
 								</XButton>
 								<XButton
 									v-if="isAdmin"
 									@click="viewToEdit = {...v}"
 								>
-									<template #icon><PhPencilSimple /></template>
+									<template #icon>
+										<PhPencilSimple />
+									</template>
 								</XButton>
 								<span class="icon handle">
 									<PhDotsSixVertical />
diff --git a/frontend/src/views/project/settings/ProjectSettingsWebhooks.vue b/frontend/src/views/project/settings/ProjectSettingsWebhooks.vue
index ad2ab0c38..0f77d48db 100644
--- a/frontend/src/views/project/settings/ProjectSettingsWebhooks.vue
+++ b/frontend/src/views/project/settings/ProjectSettingsWebhooks.vue
@@ -132,7 +132,9 @@ function validateSelectedEvents() {
 			class="mbe-4"
 			@click="showNewForm = true"
 		>
-			<template #icon><PhPlus /></template>
+			<template #icon>
+				<PhPlus />
+			</template>
 			{{ $t('project.webhooks.create') }}
 		</XButton>
 
@@ -242,7 +244,9 @@ function validateSelectedEvents() {
 			<XButton
 				@click="create"
 			>
-				<template #icon><PhPlus /></template>
+				<template #icon>
+					<PhPlus />
+				</template>
 				{{ $t('project.webhooks.create') }}
 			</XButton>
 		</div>
@@ -280,7 +284,9 @@ function validateSelectedEvents() {
 							danger
 							@click="() => {showDeleteModal = true;webhookIdToDelete = w.id}"
 						>
-							<template #icon><PhTrash /></template>
+							<template #icon>
+								<PhTrash />
+							</template>
 						</XButton>
 					</td>
 				</tr>
diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue
index 1cc566301..116d473e4 100644
--- a/frontend/src/views/tasks/TaskDetailView.vue
+++ b/frontend/src/views/tasks/TaskDetailView.vue
@@ -429,7 +429,9 @@
 							variant="secondary"
 							@click="toggleTaskDone()"
 						>
-							<template #icon><PhChecks /></template>
+							<template #icon>
+								<PhChecks />
+							</template>
 							{{ task.done ? $t('task.detail.undone') : $t('task.detail.done') }}
 						</XButton>
 						<TaskSubscription
@@ -443,7 +445,9 @@
 							variant="secondary"
 							@click="toggleFavorite"
 						>
-							<template #icon><PhStar :weight="task.isFavorite ? 'fill' : 'regular'" /></template>
+							<template #icon>
+								<PhStar :weight="task.isFavorite ? 'fill' : 'regular'" />
+							</template>
 							{{
 								task.isFavorite ? $t('task.detail.actions.unfavorite') : $t('task.detail.actions.favorite')
 							}}
@@ -456,7 +460,9 @@
 							variant="secondary"
 							@click="setFieldActive('labels')"
 						>
-							<template #icon><PhTag /></template>
+							<template #icon>
+								<PhTag />
+							</template>
 							{{ $t('task.detail.actions.label') }}
 						</XButton>
 						<XButton
@@ -464,14 +470,18 @@
 							variant="secondary"
 							@click="setFieldActive('priority')"
 						>
-							<template #icon><PhWarningCircle /></template>
+							<template #icon>
+								<PhWarningCircle />
+							</template>
 							{{ $t('task.detail.actions.priority') }}
 						</XButton>
 						<XButton
 							variant="secondary"
 							@click="setFieldActive('percentDone')"
 						>
-							<template #icon><PhPercent /></template>
+							<template #icon>
+								<PhPercent />
+							</template>
 							{{ $t('task.detail.actions.percentDone') }}
 						</XButton>
 						<XButton
@@ -479,7 +489,9 @@
 							variant="secondary"
 							@click="setFieldActive('color')"
 						>
-							<template #icon><PhPaintBucket :style="{color}" /></template>
+							<template #icon>
+								<PhPaintBucket :style="{color}" />
+							</template>
 							{{ $t('task.detail.actions.color') }}
 						</XButton>
 						
@@ -491,7 +503,9 @@
 							variant="secondary"
 							@click="setFieldActive('assignees')"
 						>
-							<template #icon><PhUsers /></template>
+							<template #icon>
+								<PhUsers />
+							</template>
 							{{ $t('task.detail.actions.assign') }}
 						</XButton>
 						<XButton
@@ -499,7 +513,9 @@
 							variant="secondary"
 							@click="openAttachments()"
 						>
-							<template #icon><PhPaperclip /></template>
+							<template #icon>
+								<PhPaperclip />
+							</template>
 							{{ $t('task.detail.actions.attachments') }}
 						</XButton>
 						<XButton
@@ -507,7 +523,9 @@
 							variant="secondary"
 							@click="setRelatedTasksActive()"
 						>
-							<template #icon><PhTreeStructure /></template>
+							<template #icon>
+								<PhTreeStructure />
+							</template>
 							{{ $t('task.detail.actions.relatedTasks') }}
 						</XButton>
 						<XButton
@@ -515,7 +533,9 @@
 							variant="secondary"
 							@click="setFieldActive('moveProject')"
 						>
-							<template #icon><PhList /></template>
+							<template #icon>
+								<PhList />
+							</template>
 							{{ $t('task.detail.actions.moveProject') }}
 						</XButton>
 						
@@ -526,21 +546,27 @@
 							variant="secondary"
 							@click="setFieldActive('dueDate')"
 						>
-							<template #icon><PhCalendar /></template>
+							<template #icon>
+								<PhCalendar />
+							</template>
 							{{ $t('task.detail.actions.dueDate') }}
 						</XButton>
 						<XButton
 							variant="secondary"
 							@click="setFieldActive('startDate')"
 						>
-							<template #icon><PhPlay /></template>
+							<template #icon>
+								<PhPlay />
+							</template>
 							{{ $t('task.detail.actions.startDate') }}
 						</XButton>
 						<XButton
 							variant="secondary"
 							@click="setFieldActive('endDate')"
 						>
-							<template #icon><PhStop /></template>
+							<template #icon>
+								<PhStop />
+							</template>
 							{{ $t('task.detail.actions.endDate') }}
 						</XButton>
 						<XButton
@@ -548,14 +574,18 @@
 							variant="secondary"
 							@click="setFieldActive('reminders')"
 						>
-							<template #icon><PhClock /></template>
+							<template #icon>
+								<PhClock />
+							</template>
 							{{ $t('task.detail.actions.reminders') }}
 						</XButton>
 						<XButton
 							variant="secondary"
 							@click="setFieldActive('repeatAfter')"
 						>
-							<template #icon><PhClockCounterClockwise /></template>
+							<template #icon>
+								<PhClockCounterClockwise />
+							</template>
 							{{ $t('task.detail.actions.repeatAfter') }}
 						</XButton>
 						<XButton
@@ -564,7 +594,9 @@
 							class="is-danger is-outlined has-no-border"
 							@click="showDeleteModal = true"
 						>
-							<template #icon><PhTrash /></template>
+							<template #icon>
+								<PhTrash />
+							</template>
 							{{ $t('task.detail.actions.delete') }}
 						</XButton>
 					</template>
diff --git a/frontend/src/views/teams/EditTeam.vue b/frontend/src/views/teams/EditTeam.vue
index 329b6df73..2a2585589 100644
--- a/frontend/src/views/teams/EditTeam.vue
+++ b/frontend/src/views/teams/EditTeam.vue
@@ -59,7 +59,9 @@
 						danger
 						@click="showDeleteModal = true"
 					>
-						<template #icon><PhTrash /></template>
+						<template #icon>
+							<PhTrash />
+						</template>
 					</XButton>
 				</div>
 			</div>
@@ -98,7 +100,9 @@
 						<XButton
 							@click="addUser"
 						>
-							<template #icon><PhPlus /></template>
+							<template #icon>
+								<PhPlus />
+							</template>
 							{{ $t('team.edit.addUser') }}
 						</XButton>
 					</div>
@@ -160,7 +164,9 @@
 								danger
 								@click="() => {memberToDelete = m; showUserDeleteModal = true}"
 							>
-								<template #icon><PhTrash /></template>
+								<template #icon>
+									<PhTrash />
+								</template>
 							</XButton>
 						</td>
 					</tr>
diff --git a/frontend/src/views/teams/ListTeams.vue b/frontend/src/views/teams/ListTeams.vue
index f2c81e757..07cabfe3a 100644
--- a/frontend/src/views/teams/ListTeams.vue
+++ b/frontend/src/views/teams/ListTeams.vue
@@ -6,9 +6,10 @@
 		<XButton
 			:to="{name:'teams.create'}"
 			class="is-pulled-right"
-
 		>
-			<template #icon><PhPlus /></template>
+			<template #icon>
+				<PhPlus />
+			</template>
 			{{ $t('team.create.title') }}
 		</XButton>
 
diff --git a/frontend/src/views/user/settings/ApiTokens.vue b/frontend/src/views/user/settings/ApiTokens.vue
index 0ae029410..12c99b759 100644
--- a/frontend/src/views/user/settings/ApiTokens.vue
+++ b/frontend/src/views/user/settings/ApiTokens.vue
@@ -386,7 +386,9 @@ function toggleGroupPermissionsFromChild(group: string, checked: boolean) {
 			:loading="service.loading"
 			@click="() => showCreateForm = true"
 		>
-			<template #icon><PhPlus /></template>
+			<template #icon>
+				<PhPlus />
+			</template>
 			{{ $t('user.settings.apiTokens.createAToken') }}
 		</XButton>
 
diff --git a/frontend/src/views/user/settings/Caldav.vue b/frontend/src/views/user/settings/Caldav.vue
index 137a24bb4..7d08a0441 100644
--- a/frontend/src/views/user/settings/Caldav.vue
+++ b/frontend/src/views/user/settings/Caldav.vue
@@ -17,7 +17,9 @@
 					:shadow="false"
 					@click="copy(caldavUrl)"
 				>
-					<template #icon><PhClipboard /></template>
+					<template #icon>
+						<PhClipboard />
+					</template>
 				</XButton>
 			</template>
 		</FormField>
@@ -80,7 +82,9 @@
 			:loading="service.loading"
 			@click="createToken"
 		>
-			<template #icon><PhPlus /></template>
+			<template #icon>
+				<PhPlus />
+			</template>
 			{{ $t('user.settings.caldav.createToken') }}
 		</XButton>