1 files changed, 6 insertions, 6 deletions
diff --git a/app/assets/javascripts/ci/runner/components/runner_name.vue b/app/assets/javascripts/ci/runner/components/runner_name.vue
index d4ecfd2d776..a877ff0f06c 100644
--- a/app/assets/javascripts/ci/runner/components/runner_name.vue
+++ b/app/assets/javascripts/ci/runner/components/runner_name.vue
@@ -1,5 +1,5 @@
 <script>
-import { getIdFromGraphQLId } from '~/graphql_shared/utils';
+import { formatRunnerName } from '../utils';
 
 export default {
   props: {
@@ -8,13 +8,13 @@ export default {
       required: true,
     },
   },
-  methods: {
-    getIdFromGraphQLId,
+  computed: {
+    name() {
+      return formatRunnerName(this.runner);
+    },
   },
 };
 </script>
 <template>
-  <span class="gl-font-weight-bold gl-vertical-align-middle"
-    >#{{ getIdFromGraphQLId(runner.id) }} ({{ runner.shortSha }})</span
-  >
+  <span class="gl-font-weight-bold gl-vertical-align-middle">{{ name }}</span>
 </template>