diff --git a/docs/.vitepress/theme/components/home/HomeIconCustomizerIcons.vue b/docs/.vitepress/theme/components/home/HomeIconCustomizerIcons.vue
index 0ba50712c..4cebfff5e 100644
--- a/docs/.vitepress/theme/components/home/HomeIconCustomizerIcons.vue
+++ b/docs/.vitepress/theme/components/home/HomeIconCustomizerIcons.vue
@@ -33,11 +33,11 @@ const onIntersectionObserver: IntersectionObserverCallback = ([{ isIntersecting
 .icon-grid {
   display: grid;
   gap: 1px;
-  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
-  grid-template-rows: repeat(auto-fill, minmax(56px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
+  grid-template-rows: repeat(auto-fill, minmax(68px, 1fr));
   width: 100%;
   height:100%;
-  max-height: 300px;
+  max-height: 360px;
   gap: 1px;
   overflow: hidden;
   position: relative;