Retrospring/app/assets/stylesheets/components/_mobile-nav.scss

#rs-mobile-nav {
  padding-bottom: unquote('calc(env(safe-area-inset-bottom) + 4px)');

  .navbar-icon-row {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;

    .nav-link {
      padding: 0;

      .fa {
        padding-top: 8px;
        font-size: 20px;
      }

      .badge {
        float: right;
      }
    }
  }
}

#rs-mobile-nav-profile {
  position: fixed;
  bottom: unquote("calc(env(safe-area-inset-bottom) + #{$navbar-height + 2px})");
  right: unquote("calc(env(safe-area-inset-right) + 15px)");
  left: unset;
  top: unset;
}