diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 582035e5c26..8dc6707d85c 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -139,6 +139,11 @@
   .icon-container {
     display: inline-block;
     width: 10px;
+
+    &.commit-icon {
+      width: 15px;
+      text-align: center;
+    }
   }
 
   .stage-cell {
diff --git a/app/views/projects/ci/pipelines/_pipeline.html.haml b/app/views/projects/ci/pipelines/_pipeline.html.haml
index 77ba8ae07f1..1bd7ee76f61 100644
--- a/app/views/projects/ci/pipelines/_pipeline.html.haml
+++ b/app/views/projects/ci/pipelines/_pipeline.html.haml
@@ -31,7 +31,7 @@
         = pipeline.tag? ? icon('tag') : icon('code-fork')
       = link_to pipeline.ref, namespace_project_commits_path(pipeline.project.namespace, pipeline.project, pipeline.ref), class: "monospace branch-name"
     - if show_commit
-      .icon-container
+      .icon-container.commit-icon
         = custom_icon("icon_commit")
       = link_to pipeline.short_sha, namespace_project_commit_path(pipeline.project.namespace, pipeline.project, pipeline.sha), class: "commit-id monospace"