diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index ec70a0ed43d..e2d91113d69 100644
--- a/app/assets/stylesheets/common/base/groups.scss
+++ b/app/assets/stylesheets/common/base/groups.scss
@@ -1,18 +1,25 @@
 .groups-header {
+  display: flex;
+  flex-wrap: wrap;
   margin-bottom: 30px;
+  .groups-header-new {
+    order: 2;
+    margin-bottom: 0.5em;
+  }
 }
 
 .groups-header-filters {
   display: flex;
+  flex-wrap: wrap;
 
   .groups-header-filters-name,
   .groups-header-filters-type {
     margin-right: 5px;
-    margin-bottom: 0;
+    margin-bottom: 0.5em;
   }
 
   &:last-child {
-    margin-right: 0;
+    margin-right: auto;
   }
 }