diff --git a/style/web/components/popup/_mixin.less b/style/web/components/popup/_mixin.less
index 002552b4e4..61907f449e 100644
--- a/style/web/components/popup/_mixin.less
+++ b/style/web/components/popup/_mixin.less
@@ -56,6 +56,8 @@
 
 .arrow-placement-top() {
   .@{prefix}-popup[data-popper-placement^="top"] .@{prefix}-popup__arrow {
+    bottom: calc(-@popup-arrow-width / 2);
+
     &::before {
       border-top-left-radius: 100%;
       box-shadow: @popup-top-arrow-shadow;