diff --git a/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html b/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
index 71dbfb6e4431..51fe150cd1e6 100644
--- a/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
+++ b/frontend/src/app/features/team-planner/team-planner/planner/team-planner.component.html
@@ -135,8 +135,12 @@
           class="op-team-planner--empty-state-button button -primary"
           data-test-selector="op-team-planner--empty-state-button"
           (click)="showAssigneeAddRow()"
-          [textContent]="text.add_assignee"
         >
+          <op-icon icon-classes="icon-add button--icon"></op-icon>
+          <span
+            class="button--text"
+            [textContent]="text.add_assignee">
+          </span>
         </button>
       </div>
     </ng-container>
@@ -153,8 +157,11 @@
           data-test-selector="tp-assignee-add-button"
           data-tour-selector="tp-assignee-add-button"
         >
-          <span class="spot-icon spot-icon_user-plus"></span>
-          <span [textContent]="text.add_assignee"></span>
+          <op-icon icon-classes="icon-add button--icon"></op-icon>
+          <span
+            class="button--text"
+            [textContent]="text.add_assignee">
+          </span>
         </button>
       </div>
       <ng-container *ngIf="(dropzone$ | async) as dropzone">
diff --git a/modules/team_planner/config/locales/js-en.yml b/modules/team_planner/config/locales/js-en.yml
index 1b6d9007d6f9..abce0145fd31 100644
--- a/modules/team_planner/config/locales/js-en.yml
+++ b/modules/team_planner/config/locales/js-en.yml
@@ -8,7 +8,7 @@ en:
       create_title: 'Create new team planner'
       unsaved_title: 'Unnamed team planner'
       no_data: 'Add assignees to set up your team planner.'
-      add_assignee: 'Add assignee'
+      add_assignee: 'Assignee'
       remove_assignee: 'Remove assignee'
       two_weeks: '2-week'
       one_week: '1-week'