diff --git a/webapp/components/FilterMenu/CategoriesFilter.vue b/webapp/components/FilterMenu/CategoriesFilter.vue
index fcbb68266..4a39a946d 100644
--- a/webapp/components/FilterMenu/CategoriesFilter.vue
+++ b/webapp/components/FilterMenu/CategoriesFilter.vue
@@ -82,3 +82,27 @@ export default {
   },
 }
 </script>
+<style>
+
+section.filter-menu-section.categories-filter > ul button {
+  height: 40px;
+  width: 40px;
+}
+
+section.filter-menu-section.categories-filter > ul label {
+  font-size:small;
+}
+
+@media only screen and (min-width: 800px) {
+  section.filter-menu-section.categories-filter > ul button {
+  height: 50px;
+  width: 50px;
+}
+
+section.filter-menu-section.categories-filter > ul label {
+  font-size: large;
+}
+}
+
+
+</style>
\ No newline at end of file
diff --git a/webapp/components/FilterMenu/FilterMenuSection.vue b/webapp/components/FilterMenu/FilterMenuSection.vue
index 1533bf5a3..79711514f 100644
--- a/webapp/components/FilterMenu/FilterMenuSection.vue
+++ b/webapp/components/FilterMenu/FilterMenuSection.vue
@@ -63,9 +63,9 @@ export default {
       margin-bottom: $space-small;
       text-align: center;
 
-      // @media only screen and (max-width: 800px) {
-      //   width: 30%;
-      // }
+      @media only screen and (min-width: 800px) {
+        width: 20%;
+      }
 
       // @media only screen and (max-width: 630px) {
       //   width: 30%;