diff --git a/lib/web/css/source/lib/_utilities.less b/lib/web/css/source/lib/_utilities.less
index 222eb4741e85e..2eb6dc70ba0cc 100644
--- a/lib/web/css/source/lib/_utilities.less
+++ b/lib/web/css/source/lib/_utilities.less
@@ -485,6 +485,32 @@
             column-count: @_value;
 }
 
+.lib-flex-center() {
+    .lib-vendor-prefix-display(flex);
+    align-items: center;
+}
+
+.lib-flex-center-center() {
+    .lib-flex-center();
+    justify-content: center;
+}
+
+.lib-flex-wrap() {
+    .lib-vendor-prefix-display(flex);
+    flex-wrap: wrap;
+}
+
+.lib-flex-center-wrap() {
+    .lib-flex-center();
+    flex-wrap: wrap;
+}
+
+.lib-content-flex() {
+    .lib-flex-wrap ();
+    align-items: center;
+    justify-content: space-between;
+}
+
 //
 //  Pointer for popups or dropdowns
 //  ---------------------------------------------