diff --git a/src/views/profile/creators/CreatorPage.vue b/src/views/profile/creators/CreatorPage.vue
index fa4c4b4..7c85794 100644
--- a/src/views/profile/creators/CreatorPage.vue
+++ b/src/views/profile/creators/CreatorPage.vue
@@ -12,12 +12,12 @@ import {useUserProfileStore} from "@/stores/userProfileStore.js";
 
 const creatorProfileStore = useCreatorProfileStore()
 
-const colorBannerTop = computed(() => creatorProfileStore.value.colors.bannerTop || '#a0c0f0')
-const colorBannerBottom = computed(() => creatorProfileStore.value.colors.bannerBottom || '#a0c0f0')
-const colorAccent = computed(() => creatorProfileStore.value.colors.accent || '#a0c0f0')
-const colorMenu = computed(() => creatorProfileStore.value.colors.menu || '#a0c0f0')
-const imageBanner = computed(() => creatorProfileStore.value.images.banner || '/images/placeholders/banner.png')
-const imageLogo = computed(() => creatorProfileStore.value.images.logo || '/images/placeholders/logo.png')
+const colorBannerTop = computed(() => creatorProfileStore.creator.colors.primary || '#a0c0f0')
+const colorBannerBottom = computed(() => creatorProfileStore.creator.colors.secondary || '#a0c0f0')
+const colorAccent = computed(() => creatorProfileStore.creator.colors.accent || '#a0c0f0')
+const colorMenu = computed(() => creatorProfileStore.creator.colors.menu || '#a0c0f0')
+const imageBanner = computed(() => creatorProfileStore.creator.images.banner || '/images/placeholders/banner.png')
+const imageLogo = computed(() => creatorProfileStore.creator.images.logo || '/images/placeholders/logo.png')
 
 const dialog = ref(false);
 const currentComponent = ref('')
@@ -98,7 +98,7 @@ const closeDialog = () => {
 
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
             <span class="flex-none pa-2 min-w-32 text-left">{{ $t('creatorinfopage.name') }}</span>
-            <span class="flex-auto text-left pr-6 capitalize">{{ creatorProfileStore.value.name }}</span>
+            <span class="flex-auto text-left pr-6 capitalize">{{ creatorProfileStore.creator.name }}</span>
             <span class="flex-none">  
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -176,7 +176,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.facebookUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.facebookUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -186,7 +186,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
             <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.instagramUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.instagramUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -198,7 +198,7 @@ const closeDialog = () => {
           <span class="flex-none pa-2 w-6 h-6 text-left">    
             <XIcon></XIcon>
           </span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.xUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.xUrl }}</span>
             <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -208,7 +208,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.linkedInUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.linkedInUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -220,7 +220,7 @@ const closeDialog = () => {
           <span class="flex-none pa-2 min-w-32 text-left"> 
             <XIcon class="w-5 h-5"></XIcon>
           </span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.tikTokUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.tikTokUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -230,7 +230,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.youtubeUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.youtubeUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -240,7 +240,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.redditUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.redditUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -250,7 +250,7 @@ const closeDialog = () => {
               @click="openDialog('Socials')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
-            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.value.socials.websiteUrl }}</span>
+            <span class="flex-auto text-left pr-6">{{ creatorProfileStore.creator.socials.websiteUrl }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>