我有一个导航栏，我想在媒体查询时将其定位在右侧：

导航栏元素

.Navbar {
  @include display-flex(space-between, center, row);
  background-color: $semi-dark-blue;
  padding: 1.125rem;
  // media queries for laptops
  @include query(laptop) {
    border: 1px solid red;
    width: 100px;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
    @include display-flex(space-between, center, column);
  }
}

父元素

.App {
  background-color: $dark-blue;
  margin: 0 auto;
  min-height: 100vh;
  min-width: 23.4375rem;
  overflow-y: scroll;
}

Parents父元素

html {
  min-height: 100vh;
  overflow-y: scroll;
}

我已经试过删除父母元素的溢出，因为我在互联网上发现，但它不适合我。有人看到这个问题吗？