diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 56673a5..421adc9 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -117,4 +117,8 @@
 .drawer-panel {
   width: min(640px, 100vw - 18px);
 }
+/* иконка внутри бейджа (GnBadge не имеет пропа icon — кладём <i> в слот) */
+.badge .ph {
+  margin-right: 0.35em;
+}
 </style>
\ No newline at end of file
diff --git a/frontend/src/components/TaskBadges.vue b/frontend/src/components/TaskBadges.vue
index 4c749c8..5bf23d3 100644
--- a/frontend/src/components/TaskBadges.vue
+++ b/frontend/src/components/TaskBadges.vue
@@ -19,21 +19,20 @@
 
 <template>
   <GnBadge :variant="statusVariant(task.status)">{{ statusLabel(task.status) }}</GnBadge>
-  <GnBadge v-if="task.project && !hideProject" variant="neutral" icon="ph-folder">
+  <GnBadge v-if="task.project && !hideProject" variant="neutral"><i class="ph ph-folder" aria-hidden="true" />
     {{ task.project.name }}
   </GnBadge>
   <GnBadge v-if="task.priority !== null" variant="warning">P{{ task.priority }}</GnBadge>
   <GnBadge v-if="task.estimated_minutes" variant="neutral">
     ≈ {{ formatMinutes(task.estimated_minutes) }}
   </GnBadge>
-  <GnBadge v-if="task.task_type === 'recurring'" variant="info" icon="ph-repeat">
+  <GnBadge v-if="task.task_type === 'recurring'" variant="info"><i class="ph ph-repeat" aria-hidden="true" />
     {{ recurrenceLabel(task) || t('taskui.recur.recurring') }}
   </GnBadge>
   <GnBadge
     v-if="deadlineLabel(task)"
     :variant="deadlineOverdue(task) ? 'error' : 'warning'"
-    icon="ph-alarm"
-  >
+  ><i class="ph ph-alarm" aria-hidden="true" />
     {{ deadlineLabel(task) }}
   </GnBadge>
   <GnBadge v-if="task.budget_money !== null" variant="neutral">{{ budgetBadge(task) }}</GnBadge>
diff --git a/frontend/src/components/TaskCard.vue b/frontend/src/components/TaskCard.vue
index 1bc535a..dc1d7b7 100644
--- a/frontend/src/components/TaskCard.vue
+++ b/frontend/src/components/TaskCard.vue
@@ -24,11 +24,16 @@
 const { t } = useI18n()
 const router = useRouter()
 
-// Сниппет: описание задачи, а без него — пункты предложения ИИ
+// Сниппет: описание задачи, а без него — пункты предложения ИИ.
+// Markdown-разметку убираем — сниппет plain-текст.
 const snippet = computed(() => {
   const text =
     props.task.description.trim() || proposalItems(props.task).join(' · ')
   return text
+    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')
+    .replace(/\*\*([^*]+)\*\*/g, '$1')
+    .replace(/\*([^*]+)\*/g, '$1')
+    .replace(/`([^`]+)`/g, '$1')
 })
 
 function menu(task: Task) {
diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
index 8415b0e..844f96a 100644
--- a/frontend/src/locales/en.ts
+++ b/frontend/src/locales/en.ts
@@ -132,6 +132,7 @@
     notFoundTitle: 'Project not found',
     notFoundText: 'The project may have been deleted or the link is stale.',
     note: 'Note',
+    noteEmpty: 'No note yet — add one via "Edit".',
     progress: 'Project tasks: {done}/{total}',
     newTask: 'New task',
     taskCreated: 'Task created — it went to the stack for detailing',
@@ -139,6 +140,13 @@
     emptyTitle: 'No tasks',
     emptyText: 'Create the first project task or relax the filters.',
     tree: 'Project tree',
+    stats: 'Statistics',
+    total: 'Total tasks',
+    doneN: 'Done',
+    inProgress: 'In progress',
+    toDo: 'To do',
+    overdue: 'Overdue',
+    taskCount: '{n} tasks',
   },
   list: {
     title: 'Task list',
diff --git a/frontend/src/locales/ru.ts b/frontend/src/locales/ru.ts
index be0965d..df2275b 100644
--- a/frontend/src/locales/ru.ts
+++ b/frontend/src/locales/ru.ts
@@ -133,6 +133,7 @@
     notFoundTitle: 'Проект не найден',
     notFoundText: 'Возможно, проект удалён или ссылка устарела.',
     note: 'Заметка',
+    noteEmpty: 'Заметки пока нет — добавьте её через «Редактировать».',
     progress: 'Задачи проекта: {done}/{total}',
     newTask: 'Новая задача',
     taskCreated: 'Задача создана — попала в стек на детализацию',
@@ -140,6 +141,13 @@
     emptyTitle: 'Задач нет',
     emptyText: 'Создайте первую задачу проекта или ослабьте фильтры.',
     tree: 'Дерево проекта',
+    stats: 'Статистика',
+    total: 'Всего задач',
+    doneN: 'Завершено',
+    inProgress: 'В работе',
+    toDo: 'К выполнению',
+    overdue: 'Просрочено',
+    taskCount: '{n} задач',
   },
   list: {
     title: 'Список задач',
diff --git a/frontend/src/locales/uk.ts b/frontend/src/locales/uk.ts
index 9c7ba38..1033276 100644
--- a/frontend/src/locales/uk.ts
+++ b/frontend/src/locales/uk.ts
@@ -132,6 +132,7 @@
     notFoundTitle: 'Проєкт не знайдено',
     notFoundText: 'Можливо, проєкт видалено або посилання застаріло.',
     note: 'Нотатка',
+    noteEmpty: 'Нотатки ще немає — додайте її через «Редагувати».',
     progress: 'Задачі проєкту: {done}/{total}',
     newTask: 'Нова задача',
     taskCreated: 'Задачу створено — потрапила у стек на деталізацію',
@@ -139,6 +140,13 @@
     emptyTitle: 'Задач немає',
     emptyText: 'Створіть першу задачу проєкту або послабте фільтри.',
     tree: 'Дерево проєкту',
+    stats: 'Статистика',
+    total: 'Всього задач',
+    doneN: 'Завершено',
+    inProgress: 'У роботі',
+    toDo: 'До виконання',
+    overdue: 'Прострочено',
+    taskCount: '{n} задач',
   },
   list: {
     title: 'Список задач',
diff --git a/frontend/src/views/ListView.vue b/frontend/src/views/ListView.vue
index 1eeb8ca..bd914ae 100644
--- a/frontend/src/views/ListView.vue
+++ b/frontend/src/views/ListView.vue
@@ -126,7 +126,7 @@
 
     <GnEmptyState
       v-if="!loading && tasks.length === 0"
-      icon="ph-list-magnifying-glass"
+      icon="ph-magnifying-glass"
       :title="t('list.emptyTitle')"
       :text="t('list.emptyText')"
     />
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index 6caf1cb..29048b1 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -4,14 +4,15 @@
 import { useI18n } from 'vue-i18n'
 import { useToast } from 'gnexus-ui-kit/vue'
 import { api, ApiError, type Project, type Tag, type Task } from '../api'
-import { relevanceLabel, renderMarkdown, statusOptions } from '../taskui'
+import { deadlineOverdue, relevanceLabel, renderMarkdown, statusOptions } from '../taskui'
 import QuickPrompt from '../components/QuickPrompt.vue'
 import TaskCard from '../components/TaskCard.vue'
 import TaskTree from '../components/TaskTree.vue'
 
 defineOptions({ name: 'ProjectView' })
 
-// Страница проекта: заметка, прогресс, список задач с фильтрами и дерево подзадач.
+// Страница проекта: двухколоночная раскладка. Заметка, список задач с фильтрами
+// и дерево — в основной колонке; статистика и параметры — в сайдбаре.
 // Создание задачи здесь = createTask + PATCH project_id (TaskCreate не принимает
 // project_id) — задача попадёт в стек на детализацию.
 
@@ -39,8 +40,58 @@
   ),
 )
 
-// Прогресс по всем задачам проекта (фильтры не влияют)
-const doneCount = computed(() => tasks.value.filter((task) => task.status === 'done').length)
+// Статистика по всем задачам проекта (фильтры не влияют)
+const stats = computed(() => {
+  const list = tasks.value
+  const open = list.filter((task) => task.status !== 'done' && task.status !== 'cancelled')
+  return {
+    total: list.length,
+    done: list.filter((task) => task.status === 'done').length,
+    inProgress: list.filter((task) => task.status === 'in_progress').length,
+    toDo: list.filter((task) => task.status === 'to_do').length,
+    overdue: open.filter((task) => deadlineOverdue(task)).length,
+  }
+})
+
+const doneCount = computed(() => stats.value.done)
+
+// Сайдбар «Статистика» — строка = иконка + термин + значение
+const statRows = computed(() => {
+  const s = stats.value
+  const rows: { key: string; icon: string; term: string; value: string; warn?: boolean }[] = [
+    { key: 'total', icon: 'ph-stack', term: t('projectPage.total'), value: String(s.total) },
+    { key: 'done', icon: 'ph-check-circle', term: t('projectPage.doneN'), value: String(s.done) },
+    { key: 'inProgress', icon: 'ph-circle-half', term: t('projectPage.inProgress'), value: String(s.inProgress) },
+    { key: 'toDo', icon: 'ph-square', term: t('projectPage.toDo'), value: String(s.toDo) },
+  ]
+  if (s.overdue)
+    rows.push({ key: 'overdue', icon: 'ph-alarm', term: t('projectPage.overdue'), value: String(s.overdue), warn: true })
+  return rows
+})
+
+// Сайдбар «Параметры» проекта
+const paramRows = computed(() => {
+  const project0 = project.value
+  if (!project0) return []
+  const rows: { key: string; icon: string; term: string; value: string; warn?: boolean }[] = [
+    {
+      key: 'relevance',
+      icon: 'ph-activity',
+      term: t('projects.form.relevance'),
+      value: relevanceLabel(project0.relevance_status),
+    },
+  ]
+  if (project0.priority !== null)
+    rows.push({ key: 'priority', icon: 'ph-flag', term: t('projects.form.priority'), value: `P${project0.priority}` })
+  return rows
+})
+
+// Теги, используемые в задачах проекта, с количеством
+const tagRows = computed(() => {
+  const counts = new Map<string, number>()
+  tasks.value.forEach((task) => task.tags.forEach((tag) => counts.set(tag.name, (counts.get(tag.name) ?? 0) + 1)))
+  return [...counts.entries()].sort((a, b) => b[1] - a[1])
+})
 
 const noteHtml = computed(() => (project.value ? renderMarkdown(project.value.note) : ''))
 
@@ -182,8 +233,15 @@
     <template v-if="project">
       <GnPageHeader kicker="gntodo" :title="project.name">
         <template #meta>
-          <GnBadge variant="info">{{ relevanceLabel(project.relevance_status) }}</GnBadge>
-          <GnBadge v-if="project.priority !== null" variant="warning">P{{ project.priority }}</GnBadge>
+          <GnBadge variant="info"><i class="ph ph-activity" aria-hidden="true" />
+            {{ relevanceLabel(project.relevance_status) }}
+          </GnBadge>
+          <GnBadge v-if="project.priority !== null" variant="warning"><i class="ph ph-flag" aria-hidden="true" />
+            P{{ project.priority }}
+          </GnBadge>
+          <GnBadge variant="neutral"><i class="ph ph-list-checks" aria-hidden="true" />
+            {{ t('projectPage.taskCount', { n: tasks.length }) }}
+          </GnBadge>
         </template>
         <template #actions>
           <GnButton variant="secondary" icon="ph-pencil-simple" @click="startEdit">
@@ -197,64 +255,125 @@
 
       <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
 
-      <!-- Заметка (Markdown: ссылки, контекст) -->
-      <GnCard v-if="project.note.trim()" class="note-card">
-        <template #title>{{ t('projectPage.note') }}</template>
-        <div class="md-view" v-html="noteHtml" />
-      </GnCard>
+      <div class="project-grid">
+        <div class="project-main">
+          <!-- Заметка (Markdown: ссылки, контекст) -->
+          <GnCard class="note-card">
+            <template #title>
+              <span class="card-title-icon"><i class="ph ph-notebook" aria-hidden="true" /></span>
+              {{ t('projectPage.note') }}
+            </template>
+            <div v-if="project.note.trim()" class="md-view" v-html="noteHtml" />
+            <p v-else class="muted">
+              <i class="ph ph-note-blank" aria-hidden="true" />
+              {{ t('projectPage.noteEmpty') }}
+            </p>
+          </GnCard>
 
-      <!-- Прогресс: выполнено задач проекта -->
-      <GnProgress
-        class="progress"
-        :value="doneCount"
-        :max="Math.max(tasks.length, 1)"
-        :label="t('projectPage.progress', { done: doneCount, total: tasks.length })"
-      />
+          <!-- Прогресс: выполнено задач проекта -->
+          <GnProgress
+            class="progress"
+            :value="doneCount"
+            :max="Math.max(tasks.length, 1)"
+            :label="t('projectPage.progress', { done: doneCount, total: tasks.length })"
+          />
 
-      <!-- Список задач проекта -->
-      <GnToolbar class="filters">
-        <GnSelect
-          v-model="filters.status"
-          class="filter-select"
-          :options="statusOptionsWithAny"
-        />
-        <GnSelect
-          v-model="filters.tag_id"
-          class="filter-select"
-          icon="ph-tag"
-          :options="[
-            { value: '', label: t('common.any') },
-            ...tags.map((tg) => ({ value: String(tg.id), label: tg.name })),
-          ]"
-        />
-      </GnToolbar>
+          <!-- Список задач проекта -->
+          <GnToolbar class="filters">
+            <GnSelect
+              v-model="filters.status"
+              class="filter-select"
+              icon="ph-funnel"
+              :options="statusOptionsWithAny"
+            />
+            <GnSelect
+              v-model="filters.tag_id"
+              class="filter-select"
+              icon="ph-tag"
+              :options="[
+                { value: '', label: t('common.any') },
+                ...tags.map((tg) => ({ value: String(tg.id), label: tg.name })),
+              ]"
+            />
+          </GnToolbar>
 
-      <GnEmptyState
-        v-if="filteredTasks.length === 0"
-        icon="ph-list-magnifying-glass"
-        :title="t('projectPage.emptyTitle')"
-        :text="t('projectPage.emptyText')"
-      />
+          <GnEmptyState
+            v-if="filteredTasks.length === 0"
+            icon="ph-magnifying-glass"
+            :title="t('projectPage.emptyTitle')"
+            :text="t('projectPage.emptyText')"
+          />
 
-      <div class="task-list">
-        <TaskCard
-          v-for="task in filteredTasks"
-          :key="task.id"
-          :task="task"
-          @status-change="setStatus"
-          @delete="askDelete"
-        />
-      </div>
+          <div class="task-list">
+            <TaskCard
+              v-for="task in filteredTasks"
+              :key="task.id"
+              :task="task"
+              :show-project="false"
+              @status-change="setStatus"
+              @delete="askDelete"
+            />
+          </div>
 
-      <!-- Дерево подзадач проекта (наглядное, с прогрессом) -->
-      <div class="tree-section">
-        <h3 class="tree-title">{{ t('projectPage.tree') }}</h3>
-        <TaskTree
-          :tasks="tasks"
-          @status-change="setStatus"
-          @add-subtask="newTaskOpen = true"
-          @delete="askDelete"
-        />
+          <!-- Дерево подзадач проекта (наглядное, с прогрессом) -->
+          <div class="tree-section">
+            <h3 class="tree-title">
+              <i class="ph ph-tree-structure" aria-hidden="true" />
+              {{ t('projectPage.tree') }}
+            </h3>
+            <TaskTree
+              :tasks="tasks"
+              @status-change="setStatus"
+              @add-subtask="newTaskOpen = true"
+              @delete="askDelete"
+            />
+          </div>
+        </div>
+
+        <!-- Сайдбар: статистика, параметры, теги -->
+        <aside class="project-side">
+          <GnCard class="side-card">
+            <template #title>
+              <span class="card-title-icon"><i class="ph ph-chart-bar" aria-hidden="true" /></span>
+              {{ t('projectPage.stats') }}
+            </template>
+            <div class="p-rows">
+              <div v-for="row in statRows" :key="row.key" class="p-row" :class="{ warn: row.warn }">
+                <i :class="`ph ${row.icon}`" aria-hidden="true" />
+                <span class="p-term">{{ row.term }}</span>
+                <span class="p-value">{{ row.value }}</span>
+              </div>
+            </div>
+          </GnCard>
+
+          <GnCard class="side-card">
+            <template #title>
+              <span class="card-title-icon"><i class="ph ph-list-dashes" aria-hidden="true" /></span>
+              {{ t('task.fields') }}
+            </template>
+            <div class="p-rows">
+              <div v-for="row in paramRows" :key="row.key" class="p-row">
+                <i :class="`ph ${row.icon}`" aria-hidden="true" />
+                <span class="p-term">{{ row.term }}</span>
+                <span class="p-value">{{ row.value }}</span>
+              </div>
+            </div>
+          </GnCard>
+
+          <GnCard v-if="tagRows.length" class="side-card">
+            <template #title>
+              <span class="card-title-icon"><i class="ph ph-tag" aria-hidden="true" /></span>
+              {{ t('stack.form.tags') }}
+            </template>
+            <div class="p-rows">
+              <div v-for="[name, count] in tagRows" :key="name" class="p-row">
+                <i class="ph ph-tag" aria-hidden="true" />
+                <span class="p-value">{{ name }}</span>
+                <GnBadge variant="neutral">{{ count }}</GnBadge>
+              </div>
+            </div>
+          </GnCard>
+        </aside>
       </div>
     </template>
 
@@ -274,10 +393,10 @@
         <GnCheckbox v-model="showPreview" :label="t('projects.form.preview')" />
         <div v-if="showPreview" class="md-preview" v-html="notePreview" />
         <div class="form-actions">
-          <GnButton type="submit" variant="accent" icon="ph-check">
+          <GnButton type="submit" variant="success" icon="ph-check-circle">
             {{ t('common.save') }}
           </GnButton>
-          <GnButton type="button" variant="secondary" @click="closeDrawer">
+          <GnButton type="button" variant="secondary" class="btn-cancel" @click="closeDrawer">
             {{ t('common.cancel') }}
           </GnButton>
         </div>
@@ -300,14 +419,65 @@
 .page-skeleton {
   margin-bottom: 1rem;
 }
-.note-card {
-  margin-bottom: 1.5rem;
+/* Две колонки на широком экране: содержимое + сайдбар */
+.project-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 340px;
+  gap: 1.5rem;
+  align-items: start;
+}
+@media (max-width: 960px) {
+  .project-grid {
+    grid-template-columns: 1fr;
+  }
+}
+.project-main > * + *,
+.project-side > * + * {
+  margin-top: 1.5rem;
+}
+.card-title-icon {
+  margin-right: 0.4rem;
+  color: var(--accent, #7aa2f7);
 }
 .md-view {
   overflow-x: auto;
+  font-size: 1.02rem;
+  line-height: 1.65;
 }
-.progress {
-  margin-bottom: 1.5rem;
+.p-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+}
+.p-row {
+  display: flex;
+  gap: 0.6rem;
+  align-items: baseline;
+  font-size: 0.95rem;
+}
+.p-row > i {
+  flex: 0 0 1.25rem;
+  text-align: center;
+  color: var(--accent, #7aa2f7);
+  font-size: 1.05em;
+  align-self: center;
+}
+.p-term {
+  color: var(--text-muted, #888);
+  flex: 1 1 auto;
+}
+.p-value {
+  flex: 0 0 auto;
+  font-weight: 600;
+  overflow-wrap: anywhere;
+}
+.p-row.warn > i,
+.p-row.warn .p-value {
+  color: var(--danger, #f7768e);
+}
+.muted {
+  color: var(--text-muted, #888);
+  font-size: 0.9em;
 }
 .filters {
   margin-bottom: 1rem;
@@ -332,6 +502,10 @@
   margin: 0 0 0.75rem;
   font-size: 1.1rem;
 }
+.tree-title i {
+  color: var(--accent, #7aa2f7);
+  margin-right: 0.35rem;
+}
 .edit-form {
   display: flex;
   flex-direction: column;
@@ -348,4 +522,13 @@
   padding: 0.75rem;
   overflow-x: auto;
 }
+/* Отмена — без рамки, менее заметная, чем вторичная */
+.btn-cancel {
+  border-color: transparent;
+  color: var(--text-muted, #888);
+}
+.btn-cancel:hover {
+  border-color: transparent;
+  color: var(--accent, #7aa2f7);
+}
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/ProjectsView.vue b/frontend/src/views/ProjectsView.vue
index 9dc721f..9e49966 100644
--- a/frontend/src/views/ProjectsView.vue
+++ b/frontend/src/views/ProjectsView.vue
@@ -2,20 +2,35 @@
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useToast } from 'gnexus-ui-kit/vue'
-import { api, type Project } from '../api'
+import { api, type Project, type Task } from '../api'
 import { relevanceLabel, renderMarkdown } from '../taskui'
 import QuickPrompt from '../components/QuickPrompt.vue'
 
 // Проекты (ТЗ 3.7): актуальность, приоритет, Markdown-заметка с ресурсами.
+// Заголовок карточки — ссылка на страницу проекта; на карточке — счётчик задач.
 
 const { t } = useI18n()
 const toast = useToast()
 
 const projects = ref<Project[]>([])
+const tasks = ref<Task[]>([])
 const error = ref('')
 const loading = ref(false)
 const showPreview = ref(false)
 
+// Счётчики задач по проектам: всего / завершено
+const taskCounts = computed(() => {
+  const map = new Map<number, { total: number; done: number }>()
+  tasks.value.forEach((task) => {
+    if (!task.project) return
+    const entry = map.get(task.project.id) ?? { total: 0, done: 0 }
+    entry.total += 1
+    if (task.status === 'done') entry.done += 1
+    map.set(task.project.id, entry)
+  })
+  return map
+})
+
 const editing = ref<Project | null>(null)
 const drawerOpen = ref(false)
 const editForm = ref({
@@ -29,7 +44,7 @@
   loading.value = true
   error.value = ''
   try {
-    projects.value = await api.listProjects()
+    ;[projects.value, tasks.value] = await Promise.all([api.listProjects(), api.listTasks()])
   } catch (e) {
     error.value = String(e)
   } finally {
@@ -146,11 +161,20 @@
 
     <div class="project-list">
       <GnCard v-for="project in projects" :key="project.id" class="project-card">
-        <template #title>{{ project.name }}</template>
+        <template #title>
+          <RouterLink class="card-link" :to="`/projects/${project.id}`">{{ project.name }}</RouterLink>
+        </template>
 
         <div class="project-meta">
-          <GnBadge variant="info">{{ relevanceLabel(project.relevance_status) }}</GnBadge>
-          <GnBadge v-if="project.priority !== null" variant="warning">P{{ project.priority }}</GnBadge>
+          <GnBadge variant="info"><i class="ph ph-activity" aria-hidden="true" />
+            {{ relevanceLabel(project.relevance_status) }}
+          </GnBadge>
+          <GnBadge v-if="project.priority !== null" variant="warning"><i class="ph ph-flag" aria-hidden="true" />
+            P{{ project.priority }}
+          </GnBadge>
+          <GnBadge variant="neutral"><i class="ph ph-list-checks" aria-hidden="true" />
+            {{ t('projectPage.taskCount', { n: taskCounts.get(project.id)?.total ?? 0 }) }}
+          </GnBadge>
         </div>
         <div v-if="project.note" class="md-preview note" v-html="renderMarkdown(project.note)" />
         <div class="form-actions">
@@ -206,6 +230,13 @@
   flex-direction: column;
   gap: 0.75rem;
 }
+.card-link {
+  color: inherit;
+  text-decoration: none;
+}
+.card-link:hover {
+  color: var(--accent, #7aa2f7);
+}
 .list-skeleton {
   margin-bottom: 1rem;
 }
diff --git a/frontend/src/views/TaskView.vue b/frontend/src/views/TaskView.vue
index 1b2fe86..1d2f8f1 100644
--- a/frontend/src/views/TaskView.vue
+++ b/frontend/src/views/TaskView.vue
@@ -413,7 +413,8 @@
                 {{ t('stack.form.tags') }}
               </template>
               <div class="side-tags">
-                <GnBadge v-for="tag in task.tags" :key="tag.id" variant="neutral" icon="ph-tag">
+                <GnBadge v-for="tag in task.tags" :key="tag.id" variant="neutral">
+                  <i class="ph ph-tag" aria-hidden="true" />
                   {{ tag.name }}
                 </GnBadge>
               </div>