diff --git a/src/views/desktop/MainLayout.vue b/src/views/desktop/MainLayout.vue
index d9caa876..dd120507 100644
--- a/src/views/desktop/MainLayout.vue
+++ b/src/views/desktop/MainLayout.vue
@@ -116,8 +116,8 @@
                                   :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                             <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                                 <template #placeholder>
-                                    <div class="d-flex align-center justify-center fill-height">
-                                        <v-icon :icon="icons.user"/>
+                                    <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                        <v-icon color="primary" :icon="icons.user"/>
                                     </div>
                                 </template>
                             </v-img>
@@ -131,8 +131,8 @@
                                                           :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                                                     <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                                                         <template #placeholder>
-                                                            <div class="d-flex align-center justify-center fill-height">
-                                                                <v-icon :icon="icons.user"/>
+                                                            <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                                                <v-icon color="primary" :icon="icons.user"/>
                                                             </div>
                                                         </template>
                                                     </v-img>
diff --git a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
index dc4306ea..8bc1c129 100644
--- a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
@@ -13,8 +13,8 @@
                               :color="currentUserAvatar ? 'rgba(0,0,0,0)' : 'primary'">
                         <v-img :src="currentUserAvatar" v-if="currentUserAvatar">
                             <template #placeholder>
-                                <div class="d-flex align-center justify-center fill-height">
-                                    <v-icon size="48" class="user-profile-avatar-placeholder" :icon="icons.user"/>
+                                <div class="d-flex align-center justify-center fill-height bg-light-primary">
+                                    <v-icon color="primary" size="48" class="user-profile-avatar-placeholder" :icon="icons.user"/>
                                 </div>
                             </template>
                         </v-img>