diff --git a/utils/modal/alert.ts b/utils/modal/alert.ts
index d1c0d7e0..d3974705 100644
--- a/utils/modal/alert.ts
+++ b/utils/modal/alert.ts
@@ -20,12 +20,12 @@ import {Component, ViewEncapsulation, ElementRef, EventEmitter, Output, Input} f
           <button class="uk-button uk-button-default" (click)="ok()">{{okButtonText}}</button>
         </span>
         <span [hidden]=!cancelButton>
-          <button class="uk-button uk-button-default" (click)="cancel()">{{cancelButtonText}}</button>
+          <button class="uk-button uk-button-default uk-margin-small-left" (click)="cancel()">{{cancelButtonText}}</button>
         </span>
         </div>
         <div *ngIf="!okButtonLeft" class="uk-text-right" [hidden]=!alertFooter>
          <span [hidden]=!cancelButton>
-          <button class="uk-button uk-button-default" (click)="cancel()">{{cancelButtonText}}</button>
+          <button class="uk-button uk-button-default uk-margin-small-right" (click)="cancel()">{{cancelButtonText}}</button>
         </span>
         <span [hidden]=!okButton >
           <button *ngIf="okDisabled" class="uk-button uk-button-default" disabled>{{okButtonText}}</button>