.arrow {
  transform-origin: center;
  transform: translateY(-2px);
}

[data-placement="left"] .arrow,
[data-placement="left top"] .arrow,
[data-placement="left bottom"] .arrow {
  transform: rotate(270deg) translateY(-6px);
}

[data-placement="right"] .arrow,
[data-placement="right top"] .arrow,
[data-placement="right bottom"] .arrow {
  transform: rotate(90deg) translateY(-6px);
}

[data-placement="bottom"] .arrow,
[data-placement="bottom left"] .arrow,
[data-placement="bottom right"] .arrow {
  transform: rotate(180deg) translateY(-2px);
}