app/assets/stylesheets/index.tailwind.css in refine-rails-2.11.2 vs app/assets/stylesheets/index.tailwind.css in refine-rails-2.11.3

@@ -396,34 +396,53 @@
   align-items: start;
   justify-content: space-between;
 }
 
 .refine--groups-wrapper {
-  flex-grow: 1;
   display: flex;
   gap: 10px;
   row-gap: 15px;
   align-items: center;
   flex-wrap: wrap;
 }
 
+.refine--or-group {
+  display: flex;
+  gap: 10px;
+  row-gap: 15px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
 .refine--filter-control-group {
   text-wrap: nowrap;
   flex-wrap: wrap;
   display: flex;
   align-items: center;
 }
 
+@media (max-width: 960px) {
+  .refine--filter-control-group {
+    justify-content: end;
+    width: 25%; 
+  }
+}
+
 .refine--group-join, .refine--condition-join {
   position: relative;
   padding: 5px 0;
   width: 35px;
   text-align: center;
   border-radius: 6px;
   cursor: default;
   &:hover {
     background-color: #f8f8f8;
   }
+}
+
+.refine--group-join-stack {
+  width: 100%;
+  text-align: left;
 }
 
 .refine--group {
   display: flex;
   gap: 10px;