diff --git a/src/components/user/UserList.vue b/src/components/user/UserList.vue
index a216483..27f81e6 100644
--- a/src/components/user/UserList.vue
+++ b/src/components/user/UserList.vue
@@ -15,8 +15,9 @@
             <img
                 class="rounded-circle user-avatar border border-3"
                 :class="{ 'grayscaleImg': isUserDisabled(user) }"
-                :src="profilePath ? `${baseUrl}upload/img/profile/${profilePath}` : defaultProfile"
+                :src="`${baseUrl}upload/img/profile/${user.MEMBERPRF}`"
                 :style="`border-color: ${user.usercolor} !important;`"
+                @error="$event.target.src = '/img/icons/icon.png'"
                 alt="user"
             />
         </li>
@@ -31,9 +32,7 @@ import $api from '@api';
 const emit = defineEmits(['user-list-update']);
 const userStore = useUserStore();
 const userList = ref([]);
-const profilePath = ref(null);
 const baseUrl = $api.defaults.baseURL.replace(/api\/$/, '');
-const defaultProfile = "/img/icons/icon.png";
 
 const props = defineProps({
     projctSeq: {
diff --git a/src/layouts/TheTop.vue b/src/layouts/TheTop.vue
index 1d45645..9957c39 100644
--- a/src/layouts/TheTop.vue
+++ b/src/layouts/TheTop.vue
@@ -152,7 +152,7 @@
                 <!-- User -->
                 <li class="nav-item navbar-dropdown dropdown-user dropdown">
                     <a class="nav-link dropdown-toggle hide-arrow p-0" href="javascript:void(0);" data-bs-toggle="dropdown">
-                        <img v-if="user" :src="`http://localhost:10325/upload/img/profile/${user.profile}`" alt="Profile Image" class="w-px-40 h-auto rounded-circle"/>
+                        <img v-if="user" :src="`${baseUrl}upload/img/profile/${user.profile}`" alt="Profile Image" class="w-px-40 h-auto rounded-circle" @error="$event.target.src = '/img/icons/icon.png'"/>
                     </a>
                     <ul class="dropdown-menu dropdown-menu-end">
                         <li>
@@ -232,8 +232,10 @@ import { useUserInfoStore } from '@/stores/useUserInfoStore';
 import { useRouter } from 'vue-router';
 import { useThemeStore } from '@s/darkmode';
 import { onMounted, ref } from 'vue';
+import $api from '@api';
 
 const user = ref(null);
+const baseUrl = $api.defaults.baseURL.replace(/api\/$/, '');
 
 const authStore = useAuthStore();
 const userStore = useUserInfoStore();