diff --git a/orcid/orcid-work.component.ts b/orcid/orcid-work.component.ts
index 250bec59..b05596c2 100644
--- a/orcid/orcid-work.component.ts
+++ b/orcid/orcid-work.component.ts
@@ -25,7 +25,7 @@ declare var UIkit: any;
       <a (click)="currentAction='add'; saveWorkPreparation();"
            [class]="'uk-button uk-button-link uk-flex uk-flex-middle uk-flex-right@s uk-margin-right '+ ((showLoading || !isLoggedIn) ? 'uk-disabled ' : '') + (!isLoggedIn ? 'half-opacity' : '')">
           <icon *ngIf="!showLoading" name="add" ratio="1" flex="true"></icon>
-          <span *ngIf="showLoading" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left uk-flex uk-flex-middle">Add to&#160;
             <span class="uk-flex uk-flex-middle">
               <span>ORCID&#160;</span>
@@ -41,7 +41,7 @@ declare var UIkit: any;
         <a (click)="currentAction='delete'; deleteWorks();"
             [class]="'uk-button uk-button-link uk-flex uk-flex-middle uk-flex-right@s uk-margin-right '+ (showLoading ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading" name="delete" ratio="0.8" flex="true"></icon>
-          <span *ngIf="showLoading" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left uk-flex uk-flex-middle">Delete from&#160;
             <span class="uk-flex uk-flex-middle">
               <span>ORCID&#160;</span>
@@ -64,7 +64,7 @@ declare var UIkit: any;
           <icon *ngIf="hoverAdd" name="add" visuallyHidden="add"></icon>
         </a>
         <span *ngIf="showLoading" class="uk-icon icon-button uk-icon-button-small"><loading
-          [top_margin]="false"></loading></span>
+          [top_margin]="false" [size]="'small'"></loading></span>
       </span>
 
       <span *ngIf="putCodes && putCodes.length > 0"
@@ -78,7 +78,7 @@ declare var UIkit: any;
           <icon *ngIf="hoverDelete" name="delete_outline" class="uk-text-danger" visuallyHidden="delete"></icon>
         </a>
         <span *ngIf="showLoading" class="uk-icon icon-button uk-icon-button-small"><loading
-          [top_margin]="false"></loading></span>
+          [top_margin]="false" [size]="'small'"></loading></span>
       </span>
     </ng-container>
 
@@ -121,7 +121,7 @@ declare var UIkit: any;
            [class]="'uk-button uk-button-default action uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='get'" name="visibility" ratio="1" flex="true"></icon>
           
-          <span *ngIf="showLoading && currentAction=='get'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading && currentAction=='get'" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left">View ORCID work</span>
         </a>
       </span>
@@ -133,7 +133,7 @@ declare var UIkit: any;
         <a (click)="currentAction='update'; updateWorkPreparation()"
            [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ ((showLoading || !putCodes || putCodes.length == 0) ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='update'" name="refresh" ratio="1" flex="true"></icon>
-          <span *ngIf="showLoading && currentAction=='update'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading && currentAction=='update'" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left">Update ORCID work</span>
         </a>
       </span>
@@ -143,7 +143,7 @@ declare var UIkit: any;
         <a (click)="currentAction='add'; saveWorkPreparation();"
            [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='add'" name="add" ratio="1" flex="true"></icon>
-          <span *ngIf="showLoading && currentAction=='add'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading && currentAction=='add'" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left">Add to ORCID</span>
         </a>
       </span>
@@ -153,7 +153,7 @@ declare var UIkit: any;
         <a (click)="currentAction='delete'; deleteWorks();"
            [class]="'uk-button uk-button-default action uk-margin-top uk-flex uk-flex-middle '+ (showLoading ? 'uk-disabled' : '')">
           <icon *ngIf="!showLoading || currentAction!='delete'" name="delete" ratio="1" flex="true"></icon>
-          <span *ngIf="showLoading && currentAction=='delete'" class="uk-icon icon-button"><loading [top_margin]="false"></loading></span>
+          <span *ngIf="showLoading && currentAction=='delete'" class="uk-icon icon-button"><loading [top_margin]="false" [size]="'small'"></loading></span>
           <span class="uk-margin-small-left">Delete from ORCID</span>
         </a>
       </span>