From 489ffcb4b48701eb27ee3b867cb5c212c9a8be77 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Wed, 7 Oct 2026 23:50:25 +0200
Subject: [PATCH] fix broken loading spinner position on initial load

---
 resources/js/Components/Common/Goal/GoalTable.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/Components/Common/Goal/GoalTable.vue b/resources/js/Components/Common/Goal/GoalTable.vue
index bf8cec57..a5360828 100644
--- a/resources/js/Components/Common/Goal/GoalTable.vue
+++ b/resources/js/Components/Common/Goal/GoalTable.vue
@@ -38,7 +38,9 @@ const gridTemplateColumns = [
         <div class="inline-block min-w-full align-middle">
             <div data-testid="goal_table" class="grid min-w-full" :style="{ gridTemplateColumns }">
                 <GoalTableHeading :show-target-column="showTargetColumn"></GoalTableHeading>
-                <div v-if="props.isLoading" class="col-span-full py-24 text-center">
+                <div
+                    v-if="props.isLoading"
+                    class="col-span-full flex justify-center items-center py-24">
                     <LoadingSpinner></LoadingSpinner>
                 </div>
                 <div v-else-if="props.goals.length === 0" class="col-span-full py-24 text-center">