diff --git a/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue b/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
index cad7ee7f8ee75fd6bfd1ff8647d8a8cac34dd879..57141ae0be3b6290229a7a1573907f0affda5663 100644
--- a/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
+++ b/ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue
@@ -40,7 +40,7 @@ export default {
 </script>
 
 <template>
-  <gl-empty-state :title="title" :svg-path="geoReplicableEmptySvgPath" :svg-height="null">
+  <gl-empty-state :title="title" :svg-path="geoReplicableEmptySvgPath">
     <template #description>
       <gl-sprintf :message="description">
         <template #replicable>
diff --git a/ee/app/views/admin/geo/replicables/index.html.haml b/ee/app/views/admin/geo/replicables/index.html.haml
index 7eaba2fbb9b4f9c284c4106e3fcd3e810c187a25..1670a8dca910678c305e7562007b087ca3ab51fe 100644
--- a/ee/app/views/admin/geo/replicables/index.html.haml
+++ b/ee/app/views/admin/geo/replicables/index.html.haml
@@ -1,6 +1,6 @@
 - add_page_specific_style 'page_bundles/admin/geo_replicable'
 = render "admin/geo/shared/replication_nav"
-#js-geo-replicable{ data: { "geo-replicable-empty-svg-path" => image_path("illustrations/empty-state/geo-replication-empty.svg"),
+#js-geo-replicable{ data: { "geo-replicable-empty-svg-path" => image_path("illustrations/empty-state/empty-geo-md.svg"),
   "replicable-type" => @replicator_class.replicable_name_plural,
   "graphql-field-name" => @replicator_class.graphql_field_name,
   "graphql-mutation-registry-class" => @replicator_class.graphql_mutation_registry_class,
diff --git a/ee/app/views/shared/empty_states/_geo_replication.html.haml b/ee/app/views/shared/empty_states/_geo_replication.html.haml
index 18fabec833a2ffdb9da8d57997e68456bd02424e..4ddfe7391f4931801ae20042e3f990a2d80c7068 100644
--- a/ee/app/views/shared/empty_states/_geo_replication.html.haml
+++ b/ee/app/views/shared/empty_states/_geo_replication.html.haml
@@ -1,13 +1,11 @@
 - geo_troubleshooting_link = help_page_path('administration/geo/replication/troubleshooting')
-- image = 'illustrations/empty-state/geo-replication-empty.svg'
+- image = 'illustrations/empty-state/empty-geo-md.svg'
 - title = has_filters ? _('No results found') : s_('Geo|There are no %{replicable_type} to show') % { replicable_type: replicable_type }
 - geo_troubleshooting_link_start = '<a href="%{url}" target="_blank" rel="noopener noreferrer">'.html_safe % { url: geo_troubleshooting_link }
 - description = has_filters ? _('Edit your search filter and try again.') : html_escape(s_('Geo|No %{replicable_type} were found. If you believe this may be an error, please refer to the %{linkStart}Geo Troubleshooting%{linkEnd} documentation for more information.')) % { replicable_type: replicable_type, linkStart: geo_troubleshooting_link_start, linkEnd: '</a>'.html_safe }
 
-.row.empty-state
-  .col-12
-    .svg-content.svg-250
-      = image_tag image
-  .col-12.gl-text-center
-    %h4= title
-    %p= description
+= render Pajamas::EmptyStateComponent.new(svg_path: image,
+  title: title) do |c|
+
+  - c.with_description do
+    = description
diff --git a/ee/spec/frontend/geo_replicable/mock_data.js b/ee/spec/frontend/geo_replicable/mock_data.js
index 25c7a8c4a7dbe49fa1d2d47572d3eaa6db712515..1ba8f8b08ef07ad04a14a4b46d8d8817fdf84816 100644
--- a/ee/spec/frontend/geo_replicable/mock_data.js
+++ b/ee/spec/frontend/geo_replicable/mock_data.js
@@ -1,4 +1,4 @@
-export const MOCK_GEO_REPLICATION_SVG_PATH = 'illustrations/empty-state/geo-replication-empty.svg';
+export const MOCK_GEO_REPLICATION_SVG_PATH = 'illustrations/empty-state/empty-geo-md.svg';
 
 export const MOCK_REPLICABLE_TYPE = 'designs';