From c9e4d7484636019c2352ab8dcb7d9cc21f18dde6 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 18 May 2021 13:56:05 +0100
Subject: [PATCH] Fix first time app creation modal not being centered and
 flashing apps when loading the page

---
 packages/builder/src/pages/builder/portal/apps/index.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/apps/index.svelte b/packages/builder/src/pages/builder/portal/apps/index.svelte
index e1004c9ef2..5a76e50457 100644
--- a/packages/builder/src/pages/builder/portal/apps/index.svelte
+++ b/packages/builder/src/pages/builder/portal/apps/index.svelte
@@ -160,7 +160,7 @@
         />
       </ActionGroup>
     </div>
-    {#if $apps.length}
+    {#if loaded && $apps.length}
       <div
         class:appGrid={layout === "grid"}
         class:appTable={layout === "table"}
@@ -230,7 +230,7 @@
   }
 
   .select {
-    width: 120px;
+    width: 150px;
   }
 
   .appGrid {
@@ -248,7 +248,7 @@
     height: 70px;
     display: grid;
     align-items: center;
-    gap: var(--spacing-xl);
+    grid-gap: var(--spacing-xl);
     grid-template-columns: auto 1fr;
     white-space: nowrap;
     overflow: hidden;