score:0

i realized that the align-items: center and justify-content: center within my set-page-content had been the issue, so i removed them.

changed this:

@mixin set-page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60vh;
  width: 60vw;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  border-radius: $form-radius;
}

to this:

@mixin set-page-content {
  display: flex;
  flex-direction: column;
  height: 60vh;
  width: 60vw;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  border-radius: $form-radius;
}

Related Query

More Query from same tag