diff --git a/src/main/archetype/ui.apps/src/main/content/jcr_root/apps/__appId__/clientlibs/clientlib-grid/less/grid.less b/src/main/archetype/ui.apps/src/main/content/jcr_root/apps/__appId__/clientlibs/clientlib-grid/less/grid.less
index 5732374bf..824323699 100644
--- a/src/main/archetype/ui.apps/src/main/content/jcr_root/apps/__appId__/clientlibs/clientlib-grid/less/grid.less
+++ b/src/main/archetype/ui.apps/src/main/content/jcr_root/apps/__appId__/clientlibs/clientlib-grid/less/grid.less
@@ -25,14 +25,14 @@
 }
 
 /* phone breakpoint */
-@media (max-width: 768px) {
+@media (max-width: 767px) {
   .aem-Grid {
     .generate-grid(phone, @max_col);
   }
 }
 
 /* tablet breakpoint */
-@media (min-width: 769px) and (max-width: 1200px) {
+@media (min-width: 768px) and (max-width: 1200px) {
   .aem-Grid {
     .generate-grid(tablet, @max_col);
   }