diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index 56857f05f34..eb48dab34be 100644
--- a/app/assets/stylesheets/common/base/groups.scss
+++ b/app/assets/stylesheets/common/base/groups.scss
@@ -29,18 +29,10 @@
 .groups-boxes {
   display: grid;
   grid-gap: 1em;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
   margin: 1em 0;
   width: 100%;
 
-  @include breakpoint("medium") {
-    grid-template-columns: repeat(3, 1fr);
-  }
-
-  @include breakpoint("mobile-extra-large") {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
   .group-box {
     display: flex;
     box-sizing: border-box;