.app-wrapper {
  margin-inline-start: var(--#{$prefix}app-sidebar-width);
  margin-block-start: var(--#{$prefix}app-header-height);
  transition: margin-left 0.3s ease, margin-right 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  min-height: calc(100vh - calc(var(--#{$prefix}app-header-height) + var(--#{$prefix}app-footer-height)));
  @include media-breakpoint-down(lg){
    margin-inline-start: auto;
  }
}