diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 19cfdf48d..65d14a1c3 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -472,7 +472,7 @@ const auth = await useAuth();
 const user = ref();
 
 if (import.meta.client) {
-  user.value = await useUser();
+  user.value = (await useUser()).value;
 }
 
 const cosmetics = useCosmetics();
diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue
index fa168c382..f7a810301 100644
--- a/apps/frontend/src/pages/[type]/[id].vue
+++ b/apps/frontend/src/pages/[type]/[id].vue
@@ -1135,7 +1135,7 @@ const config = useRuntimeConfig();
 const auth = await useAuth();
 const user = ref();
 if (import.meta.client) {
-  user.value = await useUser();
+  user.value = (await useUser()).value;
 }
 
 const cosmetics = useCosmetics();
diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index 1dfd41360..870d210a4 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -186,7 +186,7 @@
     />
     <NewModal ref="addPaymentMethodModal">
       <template #title>
-        <span class="text-contrast text-lg font-extrabold">
+        <span class="text-lg font-extrabold text-contrast">
           {{ formatMessage(messages.paymentMethodTitle) }}
         </span>
       </template>
@@ -242,7 +242,7 @@
           <PayPalIcon v-else-if="method.type === 'paypal'" class="h-8 w-8" />
           <div class="flex flex-col">
             <div class="flex items-center gap-2">
-              <div class="text-contrast font-bold">
+              <div class="font-bold text-contrast">
                 <template v-if="method.type === 'card'">
                   {{
                     formatMessage(messages.paymentMethodCardDisplay, {