angular матовая панель расширения с CDK Drag and Drop (вертикальная)

Question

Я открываю панель расширения мат в вертикальном направлении. Когда элемент перемещается (cdk Drag and Drop), другой элемент размещается неправильно, он перемещается вверх или вниз. У кого-нибудь есть идеи, как решить проблему. Вот код для CSS.

.rotate {
  transform: rotate(-90deg) translateX(-100%); /* W3C */
  -webkit-transform: rotate(-90deg) translateX(-100%); /* Safari */
  -moz-transform: rotate(-90deg) translateX(-100%); /* Firefox */
  -ms-transform: rotate(-90deg) translateX(-100%); /* IE9 */
  -o-transform: rotate(-90deg) translateX(-100%); /* Opera */
  transform-origin: 0 0;
  position: absolute;
}