diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
index b6f1648..707c4c4 100644
--- a/src/components/TheHeader.vue
+++ b/src/components/TheHeader.vue
@@ -35,7 +35,7 @@
           padding="0",
           style="color: var(--font-grey-color)"
         )
-          base-avatar(:size="36", :color="userData?.color", v-if="!userData?.photo") {{changeName}}       
+          base-avatar(:size="36", :color="userData?.color", v-if="!userData?.photo") {{changeName}}
           base-avatar(:size="32", v-else)
             img.h-full.object-cover(:src="url + userData?.photo", alt="Avatar")
           .h-6.w-6.flex.items-center.justify-center.ml-2.pt-1
@@ -55,6 +55,8 @@ import BaseAvatar from "@/components/base/BaseAvatar";
 import BasePopup from "@/components/base/BasePopup.vue";
 import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
 import BaseButton from "@/components/base/BaseButton.vue";
+import { fetchWrapper } from "@/shared/fetchWrapper";
+
 export default {
   name: "TheHeader",
   components: {
@@ -111,6 +113,9 @@ export default {
       this.showPopup = !this.showPopup;
     },
   },
+  async mounted() {
+    this.userData = await fetchWrapper.get("users/me");
+  },
 };
 </script>
 
diff --git a/src/store/index.js b/src/store/index.js
index 576b379..85669cc 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,7 +6,7 @@ export default createStore({
   state: {
     url: "https://astra-dev.dopcore.com",
     routingHistory: window.history,
-    userData: JSON.parse(localStorage.getItem("userData")),
+    userData: {},
   },
   modules: {
     medical,