1 files changed, 3 insertions, 5 deletions
diff --git a/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue b/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue
index 5ab2e346a7a..4503ba6e561 100644
--- a/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue
+++ b/app/assets/javascripts/vue_shared/new_namespace/new_namespace_page.vue
@@ -1,6 +1,5 @@
 <script>
 import { GlBreadcrumb, GlIcon } from '@gitlab/ui';
-import SafeHtml from '~/vue_shared/directives/safe_html';
 import NewTopLevelGroupAlert from '~/groups/components/new_top_level_group_alert.vue';
 
 import SuperSidebarToggle from '~/super_sidebar/components/super_sidebar_toggle.vue';
@@ -18,9 +17,6 @@ export default {
     LegacyContainer,
     SuperSidebarToggle,
   },
-  directives: {
-    SafeHtml,
-  },
   props: {
     title: {
       type: String,
@@ -137,7 +133,9 @@ export default {
 
     <template v-if="activePanel">
       <div class="gl-display-flex gl-align-items-center gl-py-5">
-        <div v-safe-html="activePanel.illustration" class="gl-text-white col-auto"></div>
+        <div class="col-auto">
+          <img aria-hidden :src="activePanel.imageSrc" />
+        </div>
         <div class="col">
           <h4>{{ activePanel.title }}</h4>