diff --git a/ui/src/app/richskill/form/rich-skill-form.component.html b/ui/src/app/richskill/form/rich-skill-form.component.html
index fe98bf4a8..894b75c58 100644
--- a/ui/src/app/richskill/form/rich-skill-form.component.html
+++ b/ui/src/app/richskill/form/rich-skill-form.component.html
@@ -264,8 +264,30 @@ <h3 class="t-visuallyHidden" id="save-quicklinks">Quick Links</h3>
 
       </div>
 
-      <div class="l-stickyBar-x-bar t-hidden-desktopMin t-padding-medium t-padding-top">
+      <div class="l-stickyBar-x-bar t-hidden-desktopMin">
         <!-- @actionbarhorizontal -->
+        <nav class="l-flex l-flex-alignCenter l-flex-0 t-elevation-large">
+          <button class="m-actionBarItemHorizontal m-actionBarItemHorizontal-secondary" type="button" (click)="handleClickCancel()">
+            <svg class="m-actionBarItemHorizontal-x-icon t-icon">
+              <use [attr.xlink:href]="cancelIcon"></use>
+            </svg>
+            <span class="m-actionBarItemHorizontal-x-label">Cancel</span>
+            <span class="m-actionBarItemHorizontal-x-divider m-divider m-divider-large"></span>
+          </button>
+    
+          <app-formfield-submit
+                [formGroup]="skillForm"
+                [enabled]="formValid"
+                [dirty]="formDirty"
+                [observables]="[skillSaved]"
+                [mobileView]="true"
+                (errorsOccurred)="handleFormErrors($event)"
+              ></app-formfield-submit>
+          <div class="m-quickLinks" aria-labelledby="save-quicklinks">
+            <h3 class="t-visuallyHidden" id="save-quicklinks">Quick Links</h3>
+            <a (click)="scrollToTopClicked.emit()">Back to top</a>
+          </div>
+        </nav>
       </div>
     </div>
 
diff --git a/ui/src/app/richskill/form/rich-skill-form.component.ts b/ui/src/app/richskill/form/rich-skill-form.component.ts
index 644b15592..ca504b2e7 100644
--- a/ui/src/app/richskill/form/rich-skill-form.component.ts
+++ b/ui/src/app/richskill/form/rich-skill-form.component.ts
@@ -28,6 +28,7 @@ import {HasFormGroup} from "../../core/abstract-form.component"
 import {notACopyValidator} from "../../validators/not-a-copy.validator"
 import {ApiSkillSummary} from "../ApiSkillSummary"
 import {Whitelabelled} from "../../../whitelabel"
+import { SvgHelper, SvgIcon } from "src/app/core/SvgHelper"
 
 @Component({
   selector: "app-rich-skill-form",
@@ -50,6 +51,8 @@ export class RichSkillFormComponent extends Whitelabelled implements OnInit, Has
   searchingSimilarity?: boolean
   similarSkills?: ApiSkillSummary[]
 
+  cancelIcon = SvgHelper.path(SvgIcon.CANCEL)
+
   constructor(
     private fb: FormBuilder,
     private route: ActivatedRoute,