diff --git a/scss/utilities/_flex.scss b/scss/utilities/_flex.scss
index c22e0114f0..194e85094f 100644
--- a/scss/utilities/_flex.scss
+++ b/scss/utilities/_flex.scss
@@ -23,5 +23,14 @@
       .flex-#{$breakpoint}-middle { align-self: center; }
       .flex-#{$breakpoint}-bottom { align-self: flex-end; }
     }
+
+    // Horizontal alignment of item
+    @include media-breakpoint-up($breakpoint) {
+      .flex-items-#{$breakpoint}-left    { justify-content: flex-start; }
+      .flex-items-#{$breakpoint}-center  { justify-content: center; }
+      .flex-items-#{$breakpoint}-right   { justify-content: flex-end; }
+      .flex-items-#{$breakpoint}-around  { justify-content: space-around; }
+      .flex-items-#{$breakpoint}-between { justify-content: space-between; }
+    }
   }
 }