diff --git a/ui/src/ControllerCreate.svelte b/ui/src/ControllerCreate.svelte
index c3d6db7..7c153a1 100644
--- a/ui/src/ControllerCreate.svelte
+++ b/ui/src/ControllerCreate.svelte
@@ -44,8 +44,12 @@
           on:sl-input={(e)=>disabled = !e.target.value}
           label="Board Name"></sl-input>
           <div style="margin-top:10px;display:flex;justify-content:flex-end">
+            <sl-button on:click={()=>{
+              view.cancel()
+            }}>Cancel</sl-button>
             <sl-button 
-              style="margin-right:10px;"
+              style="margin-left:10px;"
+              variant="primary"
               disabled={disabled}
               on:click={async ()=>{
               try {
@@ -59,9 +63,6 @@
                 view.reject(e)
               }
             }}>Create</sl-button>
-            <sl-button on:click={()=>{
-              view.cancel()
-            }}>Cancel</sl-button>
           </div>
         </div>
         </div>
diff --git a/ui/src/svgIcons.ts b/ui/src/svgIcons.ts
index 5f86efd..3cd2baf 100644
--- a/ui/src/svgIcons.ts
+++ b/ui/src/svgIcons.ts
@@ -28,6 +28,6 @@ export const svgIcons = {
     addToPocket: `<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M74.2273 83.9C71.7318 83.9 69.3386 84.8956 67.574 86.6678C65.8095 88.4401 64.8182 90.8437 64.8182 93.35V150.05C64.8182 172.607 73.74 194.239 89.6209 210.189C105.502 226.139 127.041 235.1 149.5 235.1C196.27 235.1 234.182 197.023 234.182 150.05V93.35C234.182 90.8437 233.191 88.4401 231.426 86.6678C229.661 84.8956 227.268 83.9 224.773 83.9H74.2273ZM54.2676 73.3035C59.5612 67.9869 66.7409 65 74.2273 65H224.773C232.259 65 239.439 67.9869 244.732 73.3035C250.026 78.6202 253 85.8311 253 93.35V150.05C253 207.461 206.663 254 149.5 254C122.05 254 95.7245 243.048 76.3144 223.554C56.9044 204.059 46 177.619 46 150.05V93.35C46 85.8311 48.9739 78.6202 54.2676 73.3035Z" fill="black"/><path d="M188.841 141.469H158.596V110.124C158.596 105.635 154.961 102 150.474 102C145.986 102 142.351 105.635 142.351 110.124V141.469H110.085C105.635 141.469 102 145.104 102 149.593C102 154.081 105.635 157.717 110.122 157.717H142.388V188.876C142.388 193.365 146.023 197 150.511 197C154.998 197 158.633 193.365 158.633 188.876V157.717H188.878C193.365 157.717 197 154.081 197 149.593C196.944 145.104 193.328 141.469 188.841 141.469Z" fill="black"/></svg>`,
     pulse: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>`,
     convertCard: `<svg width="800" height="800" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" ><path d="M13 19.0008L17.8 19C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.0799 3 8.2V15M3 9H20M9 19.0008L3 19M9 19.0008L7 17M9 19.0008L7 21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
-    searchPlus: `<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 24.57l-5.647-5.648a8.892 8.892 0 0 0 1.522-4.984C22.875 9.01 18.867 5 13.938 5 9.01 5 5 9.01 5 13.938c0 4.929 4.01 8.938 8.938 8.938a8.887 8.887 0 0 0 4.984-1.522L24.568 27 27 24.57zm-13.062-4.445a6.194 6.194 0 0 1-6.188-6.188 6.195 6.195 0 0 1 6.188-6.188 6.195 6.195 0 0 1 6.188 6.188 6.195 6.195 0 0 1-6.188 6.188zm3.755-7.217h-2.726v-2.725h-2.062v2.725H10.18v2.062h2.725v2.725h2.062V14.97h2.726v-2.062z"/></svg>`
+    searchPlus: `<svg fill="black" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27 24.57l-5.647-5.648a8.892 8.892 0 0 0 1.522-4.984C22.875 9.01 18.867 5 13.938 5 9.01 5 5 9.01 5 13.938c0 4.929 4.01 8.938 8.938 8.938a8.887 8.887 0 0 0 4.984-1.522L24.568 27 27 24.57zm-13.062-4.445a6.194 6.194 0 0 1-6.188-6.188 6.195 6.195 0 0 1 6.188-6.188 6.195 6.195 0 0 1 6.188 6.188 6.195 6.195 0 0 1-6.188 6.188zm3.755-7.217h-2.726v-2.725h-2.062v2.725H10.18v2.062h2.725v2.725h2.062V14.97h2.726v-2.062z"/></svg>`
 
   }
\ No newline at end of file