diff --git a/app/assets/javascripts/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph.vue b/app/assets/javascripts/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph.vue
index 8aa0c975b721a4c80e6afdaac985789f6384115c..f2bf290ea7affcccbff0d1139a628177d5024867 100644
--- a/app/assets/javascripts/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph.vue
+++ b/app/assets/javascripts/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph.vue
@@ -63,7 +63,7 @@ export default {
     <gl-icon
       v-if="upstreamPipeline"
       :class="$options.arrowStyles"
-      name="long-arrow"
+      name="arrow-right"
       data-testid="upstream-arrow-icon"
     />
     <legacy-pipeline-stages
@@ -75,7 +75,7 @@ export default {
     <gl-icon
       v-if="hasDownstreamPipelines"
       :class="$options.arrowStyles"
-      name="long-arrow"
+      name="arrow-right"
       data-testid="downstream-arrow-icon"
     />
     <legacy-linked-pipelines-mini-list
diff --git a/app/assets/javascripts/ci/pipeline_mini_graph/pipeline_mini_graph.vue b/app/assets/javascripts/ci/pipeline_mini_graph/pipeline_mini_graph.vue
index bfd84cb2b96e38349a9bded352911c822f85ad9a..6957034cdbd43e20802d80311da84e5474af463e 100644
--- a/app/assets/javascripts/ci/pipeline_mini_graph/pipeline_mini_graph.vue
+++ b/app/assets/javascripts/ci/pipeline_mini_graph/pipeline_mini_graph.vue
@@ -122,7 +122,7 @@ export default {
       <gl-icon
         v-if="upstreamPipeline"
         :class="$options.arrowStyles"
-        name="long-arrow"
+        name="arrow-right"
         data-testid="upstream-arrow-icon"
       />
       <pipeline-stages
@@ -134,7 +134,7 @@ export default {
       <gl-icon
         v-if="hasDownstreamPipelines"
         :class="$options.arrowStyles"
-        name="long-arrow"
+        name="arrow-right"
         data-testid="downstream-arrow-icon"
       />
       <downstream-pipelines
diff --git a/spec/frontend/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph_spec.js b/spec/frontend/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph_spec.js
index 8c0661778dcdfe4a763d908657daea6303d4a6c1..0d688ebea603e9b8986562eee9a386b333ac572b 100644
--- a/spec/frontend/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph_spec.js
+++ b/spec/frontend/ci/pipeline_mini_graph/legacy_pipeline_mini_graph/legacy_pipeline_mini_graph_spec.js
@@ -85,7 +85,7 @@ describe('Legacy Pipeline Mini Graph', () => {
     it('should render an upstream arrow icon only', () => {
       expect(findDownstreamArrowIcon().exists()).toBe(false);
       expect(findUpstreamArrowIcon().exists()).toBe(true);
-      expect(findUpstreamArrowIcon().props('name')).toBe('long-arrow');
+      expect(findUpstreamArrowIcon().props('name')).toBe('arrow-right');
     });
   });
 
@@ -116,7 +116,7 @@ describe('Legacy Pipeline Mini Graph', () => {
     it('should render a downstream arrow icon only', () => {
       expect(findUpstreamArrowIcon().exists()).toBe(false);
       expect(findDownstreamArrowIcon().exists()).toBe(true);
-      expect(findDownstreamArrowIcon().props('name')).toBe('long-arrow');
+      expect(findDownstreamArrowIcon().props('name')).toBe('arrow-right');
     });
   });
 });