diff --git a/src/app/utils/subscribe/subscribe.component.ts b/src/app/utils/subscribe/subscribe.component.ts
index 43ea5b7..b667936 100644
--- a/src/app/utils/subscribe/subscribe.component.ts
+++ b/src/app/utils/subscribe/subscribe.component.ts
@@ -26,7 +26,7 @@ import {NotificationHandler} from "../../openaireLibrary/utils/notification-hand
         <p>Please login first to join</p>
       </div>
       <button *ngIf="loading" id="join" class="uk-button uk-flex uk-flex-center">
-        <loading [top_margin]="false" [size]="'small'" [color]="null"></loading>
+        <span   class="uk-icon icon-button uk-margin-small-top uk-margin-small-bottom"><loading [top_margin]="true" [size]="'small'" [color]="null"></loading></span>
       </button>
 <!--      uk-box-shadow-large-->
       <button *ngIf="!subscribed && !loading" id="join" class="uk-button uk-flex uk-flex-middle uk-flex-center"