Merge pull request #5609 from fsih/adjustResponsive

Adjust responsive boundaries for grid reflow

src/views/studio/studio.scss

@@ -248,12 +248,9 @@ $radius: 8px;
     display: grid;
 
     grid-template-columns: repeat(3, minmax(0,1fr));
-    @media #{$medium-and-intermediate} {
+    @media #{$intermediate-and-smaller} {
         & { grid-template-columns: repeat(2, minmax(0,1fr)); }
     }
-    @media #{$small} {
-        & { grid-template-columns: repeat(1, minmax(0,1fr)); }
-    }
     column-gap: 30px;
     row-gap: 20px;
 
@@ -326,12 +323,9 @@ $radius: 8px;
     margin-top: 20px;
     display: grid;
     grid-template-columns: repeat(3, minmax(0,1fr));
-    @media #{$medium-and-intermediate} {
+    @media #{$intermediate-and-smaller} {
         & { grid-template-columns: repeat(2, minmax(0,1fr)); }
     }
-    @media #{$small} {
-        & { grid-template-columns: repeat(1, minmax(0,1fr)); }
-    }
     column-gap: 30px;
     row-gap: 20px;
     .studio-members-load-more {
@@ -339,6 +333,10 @@ $radius: 8px;
     }
 }
 
+.studio-tabs {
+    min-width: 300px;
+}
+
 .studio-member-tile {
     background: white;
     border-radius: 8px;