diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter_deprecated.vue
similarity index 100%
rename from ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter.vue
rename to ee/app/assets/javascripts/security_dashboard/components/shared/filters/image_filter_deprecated.vue
diff --git a/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_filters.vue b/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_filters.vue
index 939dfe085900a5b3be0c2d12399aaab63062e3ae..884a9ed37f4c50ab50f5dbe7bd29c2807cd24df9 100644
--- a/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_filters.vue
+++ b/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_report/vulnerability_filters.vue
@@ -7,7 +7,7 @@ import ProjectFilter from '../filters/project_filter.vue';
 import ScannerFilter from '../filters/scanner_filter.vue';
 import SimpleFilter from '../filters/simple_filter.vue';
 import ClusterFilterDeprecated from '../filters/cluster_filter_deprecated.vue';
-import ImageFilter from '../filters/image_filter.vue';
+import ImageFilterDeprecated from '../filters/image_filter_deprecated.vue';
 import ToolFilter from '../filters/tool_filter.vue';
 import ToolFilterDeprecated from '../filters/tool_filter_deprecated.vue';
 import SeverityFilter from '../filters/severity_filter.vue';
@@ -62,7 +62,7 @@ export default {
         case CLUSTER:
           return ClusterFilterDeprecated;
         case IMAGE:
-          return ImageFilter;
+          return ImageFilterDeprecated;
         default:
           return SimpleFilter;
       }
diff --git a/ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_spec.js b/ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_deprecated_spec.js
similarity index 95%
rename from ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_spec.js
rename to ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_deprecated_spec.js
index 76d170ae66ea2513a8bd07d5b891fa20f573805d..eb1bd8f8b851f4ce9825d368e0fade206e041dea 100644
--- a/ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_spec.js
+++ b/ee/spec/frontend/security_dashboard/components/shared/filters/image_filter_deprecated_spec.js
@@ -5,7 +5,7 @@ import { GlTruncate } from '@gitlab/ui';
 import waitForPromises from 'helpers/wait_for_promises';
 import { createAlert } from '~/flash';
 import createMockApollo from 'helpers/mock_apollo_helper';
-import ImageFilter from 'ee/security_dashboard/components/shared/filters/image_filter.vue';
+import ImageFilterDeprecated from 'ee/security_dashboard/components/shared/filters/image_filter_deprecated.vue';
 import { IMAGE_FILTER_ERROR } from 'ee/security_dashboard/components/shared/filters/constants';
 import { imageFilter } from 'ee/security_dashboard/helpers';
 import agentImagesQuery from 'ee/security_dashboard/graphql/queries/agent_images.query.graphql';
@@ -16,7 +16,7 @@ import { agentVulnerabilityImages, projectVulnerabilityImages } from '../../mock
 
 jest.mock('~/flash');
 
-describe('Image Filter component', () => {
+describe('Image Filter component (deprecated)', () => {
   let wrapper;
   const projectFullPath = 'test/path';
   const defaultQueryResolver = {
@@ -37,7 +37,7 @@ describe('Image Filter component', () => {
   };
 
   const createWrapper = ({ agentQueryResolver, projectQueryResolver, provide = {} } = {}) => {
-    wrapper = shallowMount(ImageFilter, {
+    wrapper = shallowMount(ImageFilterDeprecated, {
       apolloProvider: createMockApolloProvider({ agentQueryResolver, projectQueryResolver }),
       propsData: { filter: imageFilter },
       provide: { projectFullPath, ...provide },