diff --git a/lib/content-services/version-manager/version-upload.component.html b/lib/content-services/version-manager/version-upload.component.html
index b73a94b010..5b966eb995 100644
--- a/lib/content-services/version-manager/version-upload.component.html
+++ b/lib/content-services/version-manager/version-upload.component.html
@@ -15,13 +15,9 @@
     </mat-form-field>
 
 </div>
-<div>
-    <button mat-raised-button (click)="cancelUpload()" class="adf-cancel-button">{{
-        'ADF_VERSION_LIST.ACTIONS.UPLOAD.CANCEL'| translate }}
-    </button>
+<div class="adf-version-upload-buttons">
     <adf-upload-version-button
         data-automation-id="adf-new-version-file-upload"
-        class="adf-new-version-file-upload"
         staticTitle="{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.TITLE' | translate }}"
         [node]="node"
         [disabled]="!canUpload()"
@@ -33,5 +29,8 @@
         (success)="success.emit($event)"
         (error)="error.emit($event)">
     </adf-upload-version-button>
+    <button mat-raised-button (click)="cancelUpload()">{{
+        'ADF_VERSION_LIST.ACTIONS.UPLOAD.CANCEL'| translate }}
+    </button>
 </div>
 
diff --git a/lib/content-services/version-manager/version-upload.component.scss b/lib/content-services/version-manager/version-upload.component.scss
index 8756b46674..efb872d5c3 100644
--- a/lib/content-services/version-manager/version-upload.component.scss
+++ b/lib/content-services/version-manager/version-upload.component.scss
@@ -7,13 +7,11 @@
     margin: 5px;
 }
 
-.adf-cancel-button {
-    margin-left: 20px;
-    float: right;
-}
-
-.adf-new-version-file-upload {
+.adf-version-upload-buttons {
+    display: flex;
     float: right;
+    justify-content: space-between;
+    width: 100%;
 }
 
 .adf-new-version-max-width {