html[dir="rtl"] {
  @component-namespace el {

    .el-popover[x-placement^="bottom"] .popper__arrow::after,
    .el-popover[x-placement^="top"] .popper__arrow::after {
      margin-left: auto;
      margin-right: -var(--popover-arrow-size);
    }

    .el-popover {
      text-align: right;
    }
  }
}