diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 9115d26c779..f514fdafc7b 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -273,6 +273,7 @@
   .stage-container {
     display: inline-block;
     position: relative;
+    vertical-align: middle;
     height: 22px;
     margin: 3px 6px 3px 0;
 
diff --git a/changelogs/unreleased/30903-vertically-align-mini-pipeline.yml b/changelogs/unreleased/30903-vertically-align-mini-pipeline.yml
new file mode 100644
index 00000000000..af87e5ce39f
--- /dev/null
+++ b/changelogs/unreleased/30903-vertically-align-mini-pipeline.yml
@@ -0,0 +1,4 @@
+---
+title: Vertically align mini pipeline stage container
+merge_request:
+author: