Fix wizard header button

ui/app/styles/components/ui-wizard.scss

@@ -66,7 +66,7 @@
 
 .wizard-header {
   border-bottom: $light-border;
-  padding: $size-8 0;
+  padding: $size-8 $size-4 $size-8 2rem;
   margin: $size-4 0;
   position: relative;
 
@@ -75,16 +75,17 @@
     padding-top: 0;
   }
 
-  .icon {
-    margin-right: $size-11;
-    vertical-align: -0.33rem;
+  .title .icon {
+    left: 0;
+    position: absolute;
+    top: 0.7rem;
   }
 }
 
 .wizard-dismiss-menu {
   position: absolute;
   right: 0;
-  bottom: $size-10;
+  top: -$size-11;
   z-index: 10;
 }
 
@@ -112,12 +113,26 @@
 
   .title {
     color: $white;
+
+    .icon {
+      top: -0.1rem;
+    }
   }
 
   .wizard-header {
     margin: 0 0 $size-10;
     padding-top: 0;
   }
+
+  .wizard-dismiss-menu {
+    svg {
+      color: $white;
+    }
+
+    &:hover svg {
+      color: $black;
+    }
+  }
 }
 
 .wizard-divider-box {

ui/app/templates/components/popup-menu.hbs

@@ -1,5 +1,5 @@
 {{#basic-dropdown class="popup-menu" horizontalPosition="auto-right" verticalPosition="below" onOpen=onOpen as |d|}}
-  {{#d.trigger tagName="button" class=(concat "popup-menu-trigger button is-ghost" (if d.isOpen "is-active")) data-test-popup-menu-trigger=true}}
+  {{#d.trigger tagName="button" class=(concat "popup-menu-trigger button is-ghost" (if d.isOpen " is-active")) data-test-popup-menu-trigger=true}}
     {{i-con
       glyph="more"
       class="has-text-black auto-width"

ui/app/templates/components/wizard-content.hbs

@@ -3,7 +3,7 @@
     <nav class="menu">
       <ul class="menu-list">
         <li class="action">
-          <button type="button" class="button link" onclick={{action "dismissWizard"}}>
+          <button type="button" class="button link " onclick={{action "dismissWizard"}}>
             Dismiss
           </button>
         </li>