diff --git a/webapp/components/FilterMenu/FilterMenuSection.vue b/webapp/components/FilterMenu/FilterMenuSection.vue
index f4397701f..1533bf5a3 100644
--- a/webapp/components/FilterMenu/FilterMenuSection.vue
+++ b/webapp/components/FilterMenu/FilterMenuSection.vue
@@ -58,22 +58,22 @@ export default {
     flex-grow: 1;
 
     > .item {
-      width: 50%;
+      width: 30%;
       padding: 0 $space-x-small;
       margin-bottom: $space-small;
       text-align: center;
 
-      @media only screen and (max-width: 800px) {
-        width: 50%;
-      }
+      // @media only screen and (max-width: 800px) {
+      //   width: 30%;
+      // }
 
-      @media only screen and (max-width: 630px) {
-        width: 40%;
-      }
+      // @media only screen and (max-width: 630px) {
+      //   width: 30%;
+      // }
 
-      @media only screen and (max-width: 440px) {
-        width: 30%;
-      }
+      // @media only screen and (max-width: 440px) {
+      //   width: 30%;
+      // }
     }
   }
 
diff --git a/webapp/graphql/CategoryQuery.js b/webapp/graphql/CategoryQuery.js
index 4d2ae9d8f..383a07cba 100644
--- a/webapp/graphql/CategoryQuery.js
+++ b/webapp/graphql/CategoryQuery.js
@@ -3,7 +3,7 @@ import gql from 'graphql-tag'
 export default () => {
   return gql`
     query {
-      Category {
+      Category(orderBy: slug_asc) {
         id
         slug
         icon