update icon to use hoverable

packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte

@@ -62,8 +62,14 @@
           style="display:flex;
           color: var(--spectrum-global-color-gray-400);"
         >
-          <span on:click={confirmDeleteDialog.show} class="iconPadding">
+          <span class="iconPadding">
-            <div class="icon"><Icon name="DeleteOutline" /></div>
+            <div class="icon">
+              <Icon
+                on:click={confirmDeleteDialog.show}
+                hoverable
+                name="DeleteOutline"
+              />
+            </div>
           </span>
           <ActionButton
             on:click={() => {
@@ -154,9 +160,4 @@
     display: flex;
     padding-right: var(--spacing-m);
   }
-
-  .icon:hover {
-    cursor: pointer;
-    color: var(--spectrum-alias-text-color-hover);
-  }
 </style>

packages/builder/src/components/automation/AutomationPanel/CreateAutomationModal.svelte

@@ -102,7 +102,7 @@
     padding: var(--spectrum-alias-item-padding-s);
     background: var(--spectrum-alias-background-color-secondary);
     transition: 0.3s all;
-    border: solid #3b3d3c;
+    border: solid var(--spectrum-alias-border-color);
     border-radius: 5px;
     box-sizing: border-box;
     border-width: 2px;