message: [mobile-menu]: make it so that the button does not shrinks its height.
diff: div :global(a:not([class*="button"])) {
  @apply text-dark-grey;
  }
  +
  + @media (max-height: 525px) {
  + .nav-items {
  + @apply pb-20;
  + }
  + }
  </style>
  {#if $menuState}
  <div
  - class="nav-items absolute flex flex-col py-x-small w-screen items-center bg-off-white space-y-xx-small z-10 shadow-md max-h-screen overflow-y-auto md:pb-20"
  + class="nav-items absolute flex flex-col py-x-small w-screen items-center bg-off-white space-y-xx-small z-10 shadow-md max-h-screen overflow-y-auto"
  >
  {#each navItems as navItem}
  <NavItem {navItem} />
  <DashboardButton class="text-lg h-8 w-28 button" />
  {:else}
  <LoginButton />
  - <SignUpButton class="text-lg h-8 w-28 button" on:click={toggle} />
  + <SignUpButton
  + class="text-lg h-8 w-28 button flex-shrink-0"
  + on:click={toggle}
  + />
  {/if}
  </div>
  {/if}
  