diff --git a/app/assets/javascripts/packages_and_registries/infrastructure_registry/list/components/packages_list_app.vue b/app/assets/javascripts/packages_and_registries/infrastructure_registry/list/components/packages_list_app.vue
index 08072908c4d4147ae8e31f91ddb55caabec96f16..9e246ef00d844681ba27cf656103a5c2ac92ec91 100644
--- a/app/assets/javascripts/packages_and_registries/infrastructure_registry/list/components/packages_list_app.vue
+++ b/app/assets/javascripts/packages_and_registries/infrastructure_registry/list/components/packages_list_app.vue
@@ -97,7 +97,11 @@ export default {
 
 <template>
   <div>
-    <infrastructure-title :help-url="$options.terraformRegistryHelpUrl" :count="packagesCount" />
+    <infrastructure-title
+      v-if="packagesCount > 0"
+      :help-url="$options.terraformRegistryHelpUrl"
+      :count="packagesCount"
+    />
     <infrastructure-search v-if="packagesCount > 0" @update="requestPackagesList" />
 
     <package-list @page:changed="onPageChanged" @package:delete="onPackageDeleteRequest">
diff --git a/app/views/groups/infrastructure_registry/index.html.haml b/app/views/groups/infrastructure_registry/index.html.haml
index e95cf1ed19b17a2703850439c2edfde11014a524..dec4524386d0cc472c0bf4b7d35ed3c4007a972a 100644
--- a/app/views/groups/infrastructure_registry/index.html.haml
+++ b/app/views/groups/infrastructure_registry/index.html.haml
@@ -2,4 +2,4 @@
 
 #js-vue-packages-list{ data: { resource_id: @group.id,
   page_type: 'groups',
-  empty_list_illustration: image_path('illustrations/empty-state/empty-terraform-register-lg.svg') } }
+  empty_list_illustration: image_path('illustrations/empty-state/empty-environment-md.svg') } }
diff --git a/app/views/projects/packages/infrastructure_registry/index.html.haml b/app/views/projects/packages/infrastructure_registry/index.html.haml
index 2979c937714acab7b3179903767a1301e804e589..82da24683d5c464438e3432f6a2ef3826abce5ed 100644
--- a/app/views/projects/packages/infrastructure_registry/index.html.haml
+++ b/app/views/projects/packages/infrastructure_registry/index.html.haml
@@ -2,4 +2,4 @@
 
 #js-vue-packages-list{ data: { resource_id: @project.id,
   page_type: 'project',
-  empty_list_illustration: image_path('illustrations/empty-state/empty-terraform-register-lg.svg') } }
+  empty_list_illustration: image_path('illustrations/empty-state/empty-environment-md.svg') } }
diff --git a/spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/packages_list_app_spec.js b/spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/packages_list_app_spec.js
index 30542721329afad5769106b717121aeec1159833..228ac00c676023d97c5b646f88c00d905583482c 100644
--- a/spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/packages_list_app_spec.js
+++ b/spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/packages_list_app_spec.js
@@ -13,6 +13,7 @@ import { SHOW_DELETE_SUCCESS_ALERT } from '~/packages_and_registries/shared/cons
 
 import * as packageUtils from '~/packages_and_registries/shared/utils';
 import InfrastructureSearch from '~/packages_and_registries/infrastructure_registry/list/components/infrastructure_search.vue';
+import InfrastructureTitle from '~/packages_and_registries/infrastructure_registry/list/components/infrastructure_title.vue';
 import { FILTERED_SEARCH_TERM } from '~/vue_shared/components/filtered_search_bar/constants';
 
 jest.mock('~/lib/utils/common_utils');
@@ -33,6 +34,7 @@ describe('packages_list_app', () => {
   const findEmptyState = () => wrapper.findComponent(GlEmptyState);
   const findListComponent = () => wrapper.findComponent(PackageList);
   const findInfrastructureSearch = () => wrapper.findComponent(InfrastructureSearch);
+  const findInfrastructureTitle = () => wrapper.findComponent(InfrastructureTitle);
 
   const createStore = ({ isGroupPage = false, filter = [], packageCount = 0 } = {}) => {
     store = new Vuex.Store({
@@ -158,6 +160,10 @@ describe('packages_list_app', () => {
       expect(heading().text()).toBe('You have no Terraform modules in your project');
     });
 
+    it('does not show infrastructure registry title', () => {
+      expect(findInfrastructureTitle().exists()).toBe(false);
+    });
+
     describe('when group page', () => {
       beforeEach(() => {
         createStore({ isGroupPage: true });
@@ -201,6 +207,10 @@ describe('packages_list_app', () => {
         expect(findInfrastructureSearch().exists()).toBe(true);
       });
 
+      it('shows infrastructure registry title', () => {
+        expect(findInfrastructureTitle().exists()).toBe(true);
+      });
+
       it('on update fetches data from the store', () => {
         store.dispatch.mockClear();