diff --git a/src/less/base/view/popupview.less b/src/less/base/view/popupview.less
index dae81230c..96191b06b 100644
--- a/src/less/base/view/popupview.less
+++ b/src/less/base/view/popupview.less
@@ -29,48 +29,48 @@
 
 .bi-popup-view[data-popper-placement^='top'] {
   > .bi-bubble-arrow {
-    bottom: -10px;
+    bottom: -12px;
     > .bubble-arrow {
-      bottom: 6px;
+      bottom: 8px;
     }
   }
 }
 .bi-popup-view[data-popper-placement^='bottom'] {
   > .bi-bubble-arrow {
-    top: -10px;
+    top: -12px;
     > .bubble-arrow {
-      top: 6px;
+      top: 8px;
     }
   }
 }
 .bi-popup-view[data-popper-placement^='left'] {
   > .bi-bubble-arrow {
-    right: -10px;
+    right: -12px;
     > .bubble-arrow {
-      right: 6px;
+      right: 8px;
     }
   }
 }
 .bi-popup-view[data-popper-placement^='right'] {
   > .bi-bubble-arrow {
-    left: -10px;
+    left: -12px;
     > .bubble-arrow {
-      left: 6px;
+      left: 8px;
     }
   }
 }
 
 .bi-bubble-arrow {
-  width: 10px;
-  height: 10px;
+  width: 12px;
+  height: 12px;
   overflow: hidden;
   .bubble-arrow {
-    width: 10px;
-    height: 10px;
+    width: 12px;
+    height: 12px;
     position: absolute;
     &:before {
-      width: 10px;
-      height: 10px;
+      width: 12px;
+      height: 12px;
       position: absolute;
       content: "";
       background: @color-bi-background-default;