diff --git a/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue b/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue
index 556d26b33c9706cd351a26cbe6ac1398c075898a..348c407f1b5251f36a075ab03cc206d9819515f2 100644
--- a/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue
+++ b/app/assets/javascripts/pipelines/components/graph/stage_column_component.vue
@@ -1,5 +1,6 @@
 <script>
 import _ from 'underscore';
+import stageColumnMixin from 'ee_else_ce/pipelines/mixins/stage_column_mixin';
 import JobItem from './job_item.vue';
 import JobGroupDropdown from './job_group_dropdown.vue';
 
@@ -8,6 +9,7 @@ export default {
     JobItem,
     JobGroupDropdown,
   },
+  mixins: [stageColumnMixin],
   props: {
     title: {
       type: String,
@@ -27,19 +29,11 @@ export default {
       required: false,
       default: '',
     },
-    hasTriggeredBy: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
   },
   methods: {
     groupId(group) {
       return `ci-badge-${_.escape(group.name)}`;
     },
-    buildConnnectorClass(index) {
-      return index === 0 && (!this.isFirstColumn || this.hasTriggeredBy) ? 'left-connector' : '';
-    },
     pipelineActionRequestComplete() {
       this.$emit('refreshPipelineGraph');
     },
diff --git a/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js b/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..64283ed0e5856a51c1fd621cc456d22ac6bbfe04
--- /dev/null
+++ b/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js
@@ -0,0 +1,7 @@
+export default {
+  methods: {
+    buildConnnectorClass(index) {
+      return index === 0 && !this.isFirstColumn ? 'left-connector' : '';
+    },
+  },
+};
diff --git a/ee/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js b/ee/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js
new file mode 100644
index 0000000000000000000000000000000000000000..3f3007ba11af122bb78015f9d27c025f4a061045
--- /dev/null
+++ b/ee/app/assets/javascripts/pipelines/mixins/stage_column_mixin.js
@@ -0,0 +1,14 @@
+export default {
+  props: {
+    hasTriggeredBy: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  methods: {
+    buildConnnectorClass(index) {
+      return index === 0 && (!this.isFirstColumn || this.hasTriggeredBy) ? 'left-connector' : '';
+    },
+  },
+};