diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblock.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblock.directive.js
deleted file mode 100644
index 252c036342..0000000000
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblock.directive.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
-@ngdoc directive
-@name umbraco.directives.directive:umbDropdownBlock
-@restrict E
-@scope
-
-@description
-Use this directive to render a dropdown object.
-
-<h3>Markup example</h3>
-<pre>
-    <div ng-controller="My.Controller as vm">
-
-        <umb-dropdown-block title="This is the title" circle="true" percentage="100">
-            // Content of dropdown
-        </umb-dropdown-block>
-
-    </div>
-</pre>
-
-<h3>Example with {@link umbraco.directives.directive:umbDropdownBlockItem umbDropdownBlockItem}</h3>
-<pre>
-    <div ng-controller="My.Controller as vm">
-
-        <umb-dropdown-block
-            ng-repeat="(key,value) in vm.items"
-            title="key"
-            circle="true" 
-            percentage="100">
-
-                <umb-dropdown-block-item
-                    on-start="vm.toggle()"
-                    tick="true"
-                    name="title"
-                    completed="true"
-                    ng-repeat="item in value">
-                </umb-dropdown-block-item>
-
-        </umb-dropdown-block>
-
-    </div>
-</pre>
-
-<h3>Use in combination with:</h3>
-<ul>
-    <li>{@link umbraco.directives.directive:umbDropdownBlockItem umbDropdownBlockItem}</li>
-</ul>
-
-@param {string} title (<code>attrbute</code>): Custom title text.
-@param {boolean} circle (<code>attrbute</code>): Decides, if the progress circle is displayed or not.
-@param {string} percentage (<code>attrbute</code>): A number which defines the progress circle.
-**/
-
-
-(function () {
-    'use strict';
-
-    function DropdownBlockDirective(tourService) {
-
-        var directive = {
-            restrict: 'E',
-            replace: true,
-            transclude: true,
-            templateUrl: 'views/components/umb-dropdown-block.html',
-            scope: {
-                circle: "=",
-                title: "=",
-                percentage: "@"
-            }
-        };
-
-        return directive;
-    
-    }
-
-    angular.module('umbraco.directives').directive('umbDropdownBlock', DropdownBlockDirective);
-
-})();
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblockitem.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblockitem.directive.js
deleted file mode 100644
index 98041531de..0000000000
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownblockitem.directive.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
-@ngdoc directive
-@name umbraco.directives.directive:umbDropdownBlockItem
-@restrict E
-@scope
-
-@description
-Use this directive to render a list for the {@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock} directive. See documentation for {@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock} component.
-
-<h3>Markup example</h3>
-
-<pre>
-    <div ng-controller="My.Controller as vm">
-
-        <umb-dropdown-block
-            ng-repeat="(key,value) in vm.items"
-            title="key"
-            circle="true" 
-            percentage="100">
-
-                <umb-dropdown-block-item
-                    ng-repeat="item in value"                
-                    name="title"
-                    completed="true"
-                    tick="true"
-                    on-start="vm.toggle()">
-                </umb-dropdown-block-item>
-
-        </umb-dropdown-block>
-
-    </div>
-</pre>
-
-<h3>Use in combination with:</h3>
-<ul>
-    <li>{@link umbraco.directives.directive:umbDropdownBlock umbDropdownBlock}</li>
-</ul>
-
-@param {string} name (<code>attrbute</code>): Custom text.
-@param {callback} onStart (<code>attrbute</code>): Defines what happens when the row is clicked.
-@param {boolean} completed (<code>attrbute</code>): Decides, if the tick is gray or green.
-@param {boolean} tick (<code>attrbute</code>): Decides, if the tick is displayed or not.
-**/
-
-
-(function () {
-    'use strict';
-
-    function DropdownBlockItemDirective() {
-
-        function link(scope, el, attr, ctrl) {
-
-            scope.clickStart = function() {
-                if(scope.onStart) {
-                    scope.onStart();
-                }
-            };
-      
-        }
-
-        var directive = {
-            restrict: 'E',
-            replace: true,
-            transclude: true,
-            templateUrl: 'views/components/umb-dropdown-block-item.html',
-            scope: {
-                name: "@",
-                tick: "=",
-                onStart: "&",
-                completed: "@"
-            },
-            link: link
-        };
-
-        return directive;
-    
-    }
-
-    angular.module('umbraco.directives').directive('umbDropdownBlockItem', DropdownBlockItemDirective);
-
-})();
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 320590098d..6232522611 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -131,7 +131,6 @@
 @import "components/umb-box.less";
 @import "components/umb-number-badge.less";
 @import "components/umb-progress-circle.less";
-@import "components/umb-dropdown-block.less";
 
 @import "components/buttons/umb-button.less";
 @import "components/buttons/umb-button-group.less";
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
index da0d79a999..ab8b6b0671 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-button.less
@@ -100,7 +100,7 @@
 
 /* Sizes */
 .umb-button--xxs {
-    padding: 3px 12px;
+    padding: 2px 10px;
     font-size: 13px;
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-dropdown-block.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-dropdown-block.less
deleted file mode 100644
index 1ea8ac8642..0000000000
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-dropdown-block.less
+++ /dev/null
@@ -1,92 +0,0 @@
-.umb-tour__progress-circle-container {
-    width: 50px;
-    height: 50px;
-    float: right;
-    margin: 5px;
-}
-
-.umb-tour__dropdown-title {
-    font-size: 18px;
-    font-weight: 700;
-    color: @gray-2;
-}
-
-.umb-tour__dropdown-contaiener {
-    background-color: @white;
-    width: 340px;
-    border-radius: 3px;
-    margin-bottom: 10px; 
-}
-
-.umb-tour__dropdown-contaiener summary{
-    line-height: 60px;
-}
-
-.umb-tour__dropdown-contaiener summary:focus{
-    outline: none;
-}
-
-.umb-tour__dropdown-contaiener summary::-webkit-details-marker {
-    color: @gray-2;
-    margin: 0 20px 0 30px; 
-}
-
-.umb-tour__dropdown-contaiener summary::-moz-list-bullet {
-    color: @gray-2;
-    margin: 0 20px 0 30px; 
-}
-
-.umb-tour__dropdown-list {
-    border-top: solid @gray-10 1px;
-    width: 340px;
-    padding: 10px 0;
-}
-
-.umb-tour__start {
-    float: right;
-}
-
-.umb-tour__row {
-    padding: 0 20px;
-    line-height: 40px;
-}
-
-.umb-tour__row:hover {
-    background-color: @gray-10;
-}
-
-.umb-tour__tick-circle {
-    width: 26px;
-    height: 26px;
-    margin: 7px 20px 0 0;
-    border-radius: 50%;
-    float: left;
-}
-
-.umb-tour__row-title-container {
-    display: flex;
-    justify-content: space-between;
-}
-
-.umb-tour__row-title {
-    font-size: 16px;
-    color: @gray-4;
-}
-
-.umb-tour__row-button {
-    visibility: hidden;
-}
-
-.umb-tour__row:hover .umb-tour__row-button {
-    visibility: visible;
-}
-
-.umb-tour__tick {
-    fill: #FFFFFF;
-}
-
-.umb-tour__tick-canvas {
-    height: 16px;
-    width: 16px;
-    margin: 5px;
-}
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/drawers/help/help.html b/src/Umbraco.Web.UI.Client/src/views/common/drawers/help/help.html
index b26486af73..3a6376e1dd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/drawers/help/help.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/drawers/help/help.html
@@ -16,7 +16,7 @@
 
                 <div class="umb-help-list">
 
-                    <a href="" class="umb-help-list-item flex items-center justify-between" style="padding: 5px 20px;text-decoration: none;" ng-click="value.open = !value.open">
+                    <a href="" class="umb-help-list-item__content flex items-center justify-between" style="text-decoration: none;" ng-click="value.open = !value.open">
                         <h5 class="umb-help-list-item__group-title"><i style="margin-right: 2px;text-decoration: none;" ng-class="{'icon-navigation-right': !value.open, 'icon-navigation-down': value.open}"></i>{{key}}</h5>
                         <umb-progress-circle
                             percentage="{{value.completedPercentage}}"
@@ -26,12 +26,16 @@
 
                     <div ng-if="value.open">
                         <div data-element="tour-{{tour.alias}}" class="umb-help-list-item" ng-repeat="tour in value">
-                            <div class="umb-help-list-item__content">
-                                <div style="margin-right: 6px;" ng-if="!tour.completed" class="umb-number-badge umb-number-badge--xs">{{ $index + 1 }}</div>
-                                <umb-checkmark ng-if="tour.completed" size="xs" checked="tour.completed" style="margin-right: 6px;"></umb-checkmark>
-                                <span ng-class="{'strike': tour.completed}">{{ tour.name }}</span>
-                                <umb-button ng-if="!tour.completed && vm.showTourButton($index, value)" button-style="primary" size="xxs" type="button" label="Start" style="margin-left: auto;" action="vm.startTour(tour)"></umb-button>                                
-                                <umb-button ng-if="tour.completed" size="xxs" type="button" label="Rerun" style="margin-left: auto;" action="vm.startTour(tour)"></umb-button>
+                            <div class="umb-help-list-item__content justify-between">
+                                <div class="flex items-center">
+                                    <div ng-if="!tour.completed" class="umb-number-badge umb-number-badge--xs umb-help-list-item__icon">{{ $index + 1 }}</div>
+                                    <umb-checkmark ng-if="tour.completed" size="xs" checked="tour.completed" class="umb-help-list-item__icon"></umb-checkmark>
+                                    <span ng-class="{'strike': tour.completed}" class="umb-help-list-item__title">{{ tour.name }}</span>
+                                </div>
+                                <div>
+                                    <umb-button ng-if="!tour.completed && vm.showTourButton($index, value)" button-style="primary" size="xxs" type="button" label="Start" action="vm.startTour(tour)"></umb-button>                                
+                                    <umb-button ng-if="tour.completed" size="xxs" type="button" label="Rerun" action="vm.startTour(tour)"></umb-button>
+                                </div>
                             </div>
                         </div>
                     </div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block-item.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block-item.html
deleted file mode 100644
index cb1a994966..0000000000
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block-item.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div>
-    <div class="umb-tour__row" ng-click="onStart()">
-
-        <div ng-if="tick == true">
-            <div class="umb-tour__tick-circle">
-                <umb-checkmark ng-if="completed === 'true'" checked="true"></umb-checkmark>
-                <umb-checkmark ng-if="completed !== 'true'" checked="false"></umb-checkmark>
-            </div>
-        </div>
-
-        <div class="umb-tour__row-title-container"> 
-            <span class="umb-tour__row-title">{{ name }}</span>
-            <umb-button class="umb-tour__row-button" size="xs" button-style="link" type="button" label="start"></umb-button> 
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block.html
deleted file mode 100644
index 243c8e164c..0000000000
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-block.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div>
-    <div>
-        <details class="umb-tour__dropdown-contaiener">
-            <summary>
-                <span class="umb-tour__dropdown-title">{{ title }}</span>
-                <div class="umb-tour__progress-circle-container" ng-if="circle == true">
-                    <umb-progress-circle
-                        percentage="{{ percentage }}"
-                        size="50"
-                        font-size=""
-                        stroke-color="">
-                    </umb-progress-circle>
-                </div>
-            </summary>
-            <div class="umb-tour__dropdown-list" ng-transclude>
-
-            </div>
-        </details>
-    </div>
-</div>
\ No newline at end of file