<span style="color: rgba(0,0,0,0.54);padding-bottom: 0.3em;font-size: 12px;display: block;font-family: 'Noto Sans', 'sans-serif'">Research activity</span>
<mat-chip-list selectable="false" ngClass="mat-chip-list-stacked">
  <div *ngFor="let activity of optionsService.researchActivityOptions" [ngClass]="['ra-chip-container-stacked', activity.className]">
    <mat-chip (click)="onChipClick(activity.id)" fxLayout="row" fxLayoutAlign="start center" style="height: 48px !important;">
      <mat-checkbox style="padding-left: 0.5em;" [ngClass]="[activity.className]" color="primary" [(ngModel)]="model[activity.id].selected">{{activity.name}}</mat-checkbox>
    </mat-chip>
  </div>
</mat-chip-list>

<span style="color: rgba(0,0,0,0.54);padding-bottom: 0.3em;font-size: 12px;display: block;font-family: 'Noto Sans', 'sans-serif'">Research activity</span>
<mat-chip-list selectable="false" ngClass="mat-chip-list-stacked">
  <div *ngFor="let activity of optionsService.researchActivityOptions" [ngClass]="['ra-chip-container-stacked', activity.className]">
    <mat-chip (click)="onChipClick(activity.id)" fxLayout="row" fxLayoutAlign="start center" style="height: 48px !important;">
      <mat-checkbox style="padding-left: 0.5em;padding-right: 0.5em;" [ngClass]="[activity.className]" color="primary" [(ngModel)]="model[activity.id].selected">{{activity.name}}</mat-checkbox>
    </mat-chip>
  </div>
</mat-chip-list>

Add equal padding on left and right of research activity chip contents
Add equal padding on left and right of research activity chip contents
