Is there a way to make this scaled box only take up the height of the scaled result?

div {
  width: 200px;
  height: 50px;
  background-color: DeepSkyBlue;
}

.scaled {
  transform: scale(0.5);
}

<div class="scaled"></div>
<div></div>