diff --git a/admin/src/pages/ProjectBranding.vue b/admin/src/pages/ProjectBranding.vue
index a1c73cc41..925a0f75e 100644
--- a/admin/src/pages/ProjectBranding.vue
+++ b/admin/src/pages/ProjectBranding.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script setup>
-import { computed, watch } from 'vue'
+import { computed, watch, ref } from 'vue'
 import { useQuery } from '@vue/apollo-composable'
 import { useStore } from 'vuex'
 import { useAppToast } from '@/composables/useToast'
@@ -62,12 +62,20 @@ const { result, loading, refetch, error } = useQuery(projectBrandingsQuery, null
   fetchPolicy: 'network-only',
 })
 
-const projectBrandings = computed(() => result.value?.projectBrandings || [])
+const projectBrandings = ref([])
 
 const isAddButtonDisabled = computed(() => {
   return projectBrandings.value.some((item) => item.id === undefined)
 })
 
+watch(
+  result,
+  () => {
+    projectBrandings.value = result.value?.projectBrandings || []
+  },
+  { immediate: true },
+)
+
 function createEntry() {
   projectBrandings.value.push({
     id: undefined,