diff --git a/src/components/mobile/IconSelectionSheet.vue b/src/components/mobile/IconSelectionSheet.vue
index 5b62239b..6090d956 100644
--- a/src/components/mobile/IconSelectionSheet.vue
+++ b/src/components/mobile/IconSelectionSheet.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-sheet :opened="show" @sheet:closed="onSheetClosed">
+    <f7-sheet :class="{ 'icon-selection-huge-sheet': hugeIconRows }" :opened="show" @sheet:closed="onSheetClosed">
         <f7-toolbar>
             <div class="left"></div>
             <div class="right">
@@ -58,6 +58,9 @@ export default {
             }
 
             return ret;
+        },
+        hugeIconRows() {
+            return this.allIconRows.length > 10;
         }
     },
     methods: {
@@ -70,3 +73,11 @@ export default {
     }
 }
 </script>
+
+<style>
+@media (min-height: 630px) {
+    .icon-selection-huge-sheet {
+        height: 400px;
+    }
+}
+</style>
diff --git a/src/views/mobile/categories/Edit.vue b/src/views/mobile/categories/Edit.vue
index b6bf13ad..5a755594 100644
--- a/src/views/mobile/categories/Edit.vue
+++ b/src/views/mobile/categories/Edit.vue
@@ -298,11 +298,3 @@ export default {
     }
 }
 </script>
-
-<style>
-@media (min-height: 630px) {
-    .category-icon-sheet {
-        height: 400px;
-    }
-}
-</style>