diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index e8645e1..93f3c9f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -123,9 +123,16 @@
       <!-- Топбар: вместо бесполезного чипа текущего раздела — «+» создать
            задачу (слот current кита) -->
       <template #current>
-        <GnButton variant="primary" size="sm" icon="ph-plus" @click="createOpen = true">
-          <span class="new-task-label">{{ t('stack.newTask') }}</span>
+        <GnButton class="new-task-full" variant="primary" size="sm" icon="ph-plus" @click="createOpen = true">
+          {{ t('stack.newTask') }}
         </GnButton>
+        <!-- на узких экранах — штатная кнопка-иконка кита вместо кнопки с лейблом -->
+        <GnIconButton
+          class="new-task-compact"
+          icon="ph-plus"
+          :label="t('stack.newTask')"
+          @click="createOpen = true"
+        />
       </template>
       <template #content>
         <GamifyBridge />
@@ -158,22 +165,17 @@
   display: flex;
   align-items: center;
 }
-/* на узких экранах «Новая задача» — квадратная кнопка-иконка: .btn кита
-   растянут с пустым хвостом после скрытия лейбла и несёт утолщённую левую
-   грань (border-left 6px) — выглядит сломанной */
+/* на узких экранах «Новая задача» — GnIconButton кита (btn-icon) вместо
+   кнопки с лейблом: один компонент на каждый режим, переключаем display */
+.new-task-compact {
+  display: none;
+}
 @media (max-width: 640px) {
-  .nav-topbar-current .new-task-label {
+  .new-task-full {
     display: none;
   }
-  .nav-topbar-current .btn.btn-small.with-icon {
-    width: 42px;
-    min-width: 42px;
-    height: 42px;
-    min-height: 42px;
-    padding: 0;
-    justify-content: center;
-    /* перебить .btn.btn-small.with-icon кита (border-left 32px) */
-    border-left-width: 2px;
+  .new-task-compact {
+    display: flex;
   }
 }
 /* У кита .card имеет intrinsic max-width: 340px / width: max-content — в наших видах
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index 4fb6d06..4e0ab18 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -491,9 +491,16 @@
           </GnBadge>
         </template>
         <template #actions>
-          <GnButton v-if="!isArchived" variant="primary" size="sm" icon="ph-plus" class="new-task-btn" @click="newTaskOpen = true">
-            <span class="new-task-label">{{ t('projectPage.newTask') }}</span>
+          <GnButton v-if="!isArchived" variant="primary" size="sm" icon="ph-plus" class="new-task-full" @click="newTaskOpen = true">
+            {{ t('projectPage.newTask') }}
           </GnButton>
+          <GnIconButton
+            v-if="!isArchived"
+            class="new-task-compact"
+            icon="ph-plus"
+            :label="t('projectPage.newTask')"
+            @click="newTaskOpen = true"
+          />
           <GnDropdown class="project-menu" :items="projectActions">
             <template #trigger="{ toggle }">
               <GnIconButton icon="ph-dots-three-outline" :label="t('common.actions')" @click="toggle" />
@@ -810,23 +817,18 @@
 .page-skeleton {
   margin-bottom: 1rem;
 }
-/* «Новая задача» в шапке страницы: на мобильном — квадратная кнопка-иконка.
-   .btn кита растянут с пустым хвостом после скрытия лейбла и несёт
-   утолщённую левую грань (border-left 6px) — выглядит сломанной */
+/* «Новая задача» в шапке страницы: на мобильном — GnIconButton кита (btn-icon)
+   вместо кнопки с лейблом; переключение display, без ручных размеров */
+.new-task-compact {
+  display: none;
+}
 @media (max-width: 640px) {
-  /* селектор с .btn.btn-small.with-icon — перебить правило кита (border-left 32px) */
-  .btn.btn-small.with-icon.new-task-btn {
-    width: 42px;
-    min-width: 42px;
-    height: 42px;
-    min-height: 42px;
-    padding: 0;
-    justify-content: center;
-    border-left-width: 2px;
-  }
-  .new-task-label {
+  .new-task-full {
     display: none;
   }
+  .new-task-compact {
+    display: flex;
+  }
 }
 /* Две колонки на широком экране: содержимое + сайдбар */
 .project-grid {