diff --git a/app/assets/javascripts/vue_shared/components/commit.vue b/app/assets/javascripts/vue_shared/components/commit.vue
index 97789636787c1e3df1de94676ed292ca95043ad7..03a3339202c1c7056486d9cf939c55365e9a10f0 100644
--- a/app/assets/javascripts/vue_shared/components/commit.vue
+++ b/app/assets/javascripts/vue_shared/components/commit.vue
@@ -174,8 +174,10 @@
           {{ title }}
         </a>
       </span>
-      <span v-else>
-        Cant find HEAD commit for this branch
+      <span
+        class="flex-truncate-child"
+        v-else>
+        Can't find HEAD commit for this branch
       </span>
     </div>
   </div>
diff --git a/changelogs/unreleased/43404-pipelines-commit.yml b/changelogs/unreleased/43404-pipelines-commit.yml
new file mode 100644
index 0000000000000000000000000000000000000000..0b9a4a6451f2220fb577641df5c9272cdd1c4253
--- /dev/null
+++ b/changelogs/unreleased/43404-pipelines-commit.yml
@@ -0,0 +1,5 @@
+---
+title: Breaks commit not found message in pipelines table
+merge_request:
+author:
+type: fixed