Как сделать, чтобы родитель сужался, когда у дочернего scale(0)?

<fieldset id="brands">
  <div class="header">
        Нажми меня
    </div>
  <div class="brands-wrapper">
    <label for="brands_0" class="">
        <input type="checkbox" name="brands" id="brands_0" value="Acura"  />
        <span>Acura</span>&nbsp;<sup>31</sup>
    </label>
    <label for="brands_1" class="">
        <input type="checkbox" name="brands" id="brands_1" value="AlfaRomeo"  />
        <span>AlfaRomeo</span>&nbsp;<sup>31</sup>
    </label>
</div>
</fieldset>

.brands-wrapper {
  transform: scale(0);
}
fieldset.active .brands-wrapper {
  transform: scale(1);
}