From 012d6e408c382512f86a9eac575856468139110a Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 5 Nov 2024 10:39:14 +0100
Subject: [PATCH] Process review comments

---
 .../billing/planSummary.svelte                  | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
index 4a8b2e276..da36ec172 100644
--- a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
@@ -60,7 +60,11 @@
                     $organization?.billingNextInvoiceDate
                 )}
             </p>
-            {#if !isLoading}
+            {#if isLoading}
+                <div class="u-flex u-main-center u-stretch u-cross-center">
+                    <div class="loader"></div>
+                </div>
+            {:else}
                 <Collapsible>
                     <CollapsibleItem noContent>
                         <span class="body-text-2">
@@ -209,10 +213,6 @@
                         </div>
                     </CollapsibleItem>
                 </Collapsible>
-            {:else}
-                <div class="u-flex u-main-center loader-container">
-                    <div class="loader"></div>
-                </div>
             {/if}
         </svelte:fragment>
         <svelte:fragment slot="actions">
@@ -253,10 +253,3 @@
         </svelte:fragment>
     </CardGrid>
 {/if}
-
-<style>
-    .loader-container {
-        flex-grow: 1;
-        align-items: center;
-    }
-</style>