vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.1.6 vs vendor/assets/stylesheets/components/_layout.scss in active_frontend-16.1.7

@@ -47,19 +47,19 @@
 
     &:not(.hidden) + .layout-body { width: calc(100% - 260px); }
     &.fixed + .layout-body { width: 100%; }
   }
 }
-@media only screen and (min-width: 768px) and (max-width: 959px) {
+@media only screen and (min-width: 813px) and (max-width: 959px) {
   .layout-sidebar {
     width: 220px;
 
     &:not(.hidden) + .layout-body { width: calc(100% - 220px); }
     &.fixed + .layout-body { width: 100%; }
   }
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 812px) {
   .layout-body,
   .layout-sidebar {
     height: initial;
     min-height: 100%;
     margin: 0;
@@ -74,10 +74,10 @@
   .layout-body {
     &.with-sticky-header {
       height: initial;
       padding-top: 54px;
 
-      &.with-sticky-navbar { padding-bottom: 54px; }
+      &.with-sticky-navbar { padding-bottom: calc(54px + env(safe-area-inset-bottom)); }
     }
   }
   .layout-sidebar {
     &.with-sticky-header {
       height: calc(100% - 54px);