diff --git a/app/assets/javascripts/ide/components/ide_project_header.vue b/app/assets/javascripts/ide/components/ide_project_header.vue
index d7582e9946392c4729bdfad1a4490655bc8dfe2f..2d8a171661adcbd0dc7815ee32ed51e95f7fd74a 100644
--- a/app/assets/javascripts/ide/components/ide_project_header.vue
+++ b/app/assets/javascripts/ide/components/ide_project_header.vue
@@ -1,9 +1,9 @@
 <script>
-import ProjectAvatarDefault from '~/vue_shared/components/deprecated_project_avatar/default.vue';
+import ProjectAvatar from '~/vue_shared/components/project_avatar.vue';
 
 export default {
   components: {
-    ProjectAvatarDefault,
+    ProjectAvatar,
   },
   props: {
     project: {
@@ -17,7 +17,11 @@ export default {
 <template>
   <div class="context-header ide-context-header">
     <a :href="project.web_url" :title="s__('IDE|Go to project')">
-      <project-avatar-default :project="project" :size="48" />
+      <project-avatar
+        :project-name="project.name"
+        :project-avatar-url="project.avatar_url"
+        :size="48"
+      />
       <span class="ide-sidebar-project-title">
         <span class="sidebar-context-title"> {{ project.name }} </span>
         <span