From 1f8c40c71639cd89267cdea59a4c7d671d85c485 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 5 Aug 2022 10:41:44 +0100
Subject: [PATCH] Revert app rows to use normal icons

---
 packages/builder/src/components/start/AppRow.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/start/AppRow.svelte b/packages/builder/src/components/start/AppRow.svelte
index f6f9f70975..49f99c9f77 100644
--- a/packages/builder/src/components/start/AppRow.svelte
+++ b/packages/builder/src/components/start/AppRow.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Heading, Button, Icon, IconAvatar } from "@budibase/bbui"
+  import { Heading, Button, Icon } from "@budibase/bbui"
   import AppLockModal from "../common/AppLockModal.svelte"
   import { processStringSync } from "@budibase/string-templates"
 
@@ -10,7 +10,9 @@
 
 <div class="title" data-cy={`${app.devId}`}>
   <div style="display: flex;">
-    <IconAvatar icon={app.icon?.name || "Apps"} color={app.icon?.color} />
+    <div class="app-icon" style="color: {app.icon?.color || ''}">
+      <Icon size="XL" name={app.icon?.name || "Apps"} />
+    </div>
     <div class="name" data-cy="app-name-link" on:click={() => editApp(app)}>
       <Heading size="XS">
         {app.name}