Merge pull request #5124 from topcoder-platform/issue-5072-LieutenantRoger

issue-5072

Author: luizrrodrigues

src/shared/components/challenge-listing/Filters/FiltersPanel/style.scss

@@ -293,8 +293,11 @@ $panel-radius-4: $corner-radius * 2;
 
   .filter-row {
     display: flex;
+    flex-direction: row;
     align-items: center;
+    flex-wrap: wrap;
     margin-right: $panel-space-100 + 17;
+    width: auto;
 
     @include xs-to-md {
       display: block;
@@ -397,6 +400,7 @@ $panel-radius-4: $corner-radius * 2;
         z-index: 3;
       }
 
+      min-width: 206px;
       margin-right: $panel-space-30;
 
       :global(.Select-value) {
@@ -407,6 +411,17 @@ $panel-radius-4: $corner-radius * 2;
         color: $tc-gray-50;
         line-height: $panel-space-30 - 2;
       }
+
+      @media screen and (max-width: 1024px) {
+        width: 100%;
+        margin-top: 15px;
+      }
+
+      @media screen and (min-width: 1025px) and (max-width: 1346px) {
+        margin-top: 15px;
+
+        @include calc(width, '50% - 30px');
+      }
     }
   }
 }