diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentleft.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentleft.directive.js
new file mode 100644
index 0000000000..74a8cdf0f9
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentleft.directive.js
@@ -0,0 +1,18 @@
+(function() {
+   'use strict';
+
+   function EditorFooterContentLeftDirective() {
+
+      var directive = {
+         transclude: true,
+         restrict: 'E',
+         replace: true,
+         templateUrl: 'views/components/editor/umb-editor-footer-content-left.html'
+      };
+
+      return directive;
+   }
+
+   angular.module('umbraco.directives').directive('umbEditorFooterContentLeft', EditorFooterContentLeftDirective);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentright.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentright.directive.js
new file mode 100644
index 0000000000..42f7ac3cd3
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorfootercontentright.directive.js
@@ -0,0 +1,18 @@
+(function() {
+   'use strict';
+
+   function EditorFooterContentRightDirective() {
+
+      var directive = {
+         transclude: true,
+         restrict: 'E',
+         replace: true,
+         templateUrl: 'views/components/editor/umb-editor-footer-content-right.html'
+      };
+
+      return directive;
+   }
+
+   angular.module('umbraco.directives').directive('umbEditorFooterContentRight', EditorFooterContentRightDirective);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/less/panel.less b/src/Umbraco.Web.UI.Client/src/less/panel.less
index 85dd5a891f..a963d54ae2 100644
--- a/src/Umbraco.Web.UI.Client/src/less/panel.less
+++ b/src/Umbraco.Web.UI.Client/src/less/panel.less
@@ -453,5 +453,13 @@ input.umb-panel-header-description {
 .umb-editor-drawer-content {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  //justify-content: space-between;
+}
+
+.umb-editor-drawer-content__right-side {
+	margin-left: auto;
+}
+
+.umb-editor-drawer-content__left-side {
+	margin-right: auto;
 }
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-left.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-left.html
new file mode 100644
index 0000000000..3bab2ea3de
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-left.html
@@ -0,0 +1 @@
+<div class="umb-editor-drawer-content__left-side" ng-transclude></div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-right.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-right.html
new file mode 100644
index 0000000000..9d58a97506
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-footer-content-right.html
@@ -0,0 +1 @@
+<div class="umb-editor-drawer-content__right-side" ng-transclude></div>