From 2a3f4389b176d2ea3105110a3908d986f27a0609 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 30 Sep 2020 10:24:43 +0100
Subject: [PATCH] Update create automation modal to match other modal styles

---
 .../CreateAutomationModal.svelte              | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/builder/src/components/automation/AutomationPanel/AutomationList/CreateAutomationModal.svelte b/packages/builder/src/components/automation/AutomationPanel/AutomationList/CreateAutomationModal.svelte
index 70d339bea9..c84cfd4d98 100644
--- a/packages/builder/src/components/automation/AutomationPanel/AutomationList/CreateAutomationModal.svelte
+++ b/packages/builder/src/components/automation/AutomationPanel/AutomationList/CreateAutomationModal.svelte
@@ -25,7 +25,7 @@
 <div class="container">
   <header>
     <i class="ri-stackshare-line" />
-    Create Automation
+    <h3>Create Automation</h3>
   </header>
   <div class="content">
     <Input bind:value={name} label="Name" />
@@ -48,22 +48,21 @@
   }
 
   header {
-    font-size: var(--font-size-xl);
-    color: var(--ink);
-    font-weight: 600;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
   }
+  header h3 {
+    font-size: var(--font-size-xl);
+    color: var(--ink);
+    font-weight: 600;
+    margin: 0;
+  }
   header i {
     margin-right: var(--spacing-m);
-    font-size: 20px;
-    background: var(--purple);
-    color: var(--white);
-    padding: var(--spacing-s);
-    border-radius: var(--border-radius-m);
-    display: inline-block;
+    font-size: 28px;
+    color: var(--grey-6);
   }
 
   .content {