diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ea79e368f668e313b85464edf79a3bc30e3d872..a35e279d3e23a4d18e398efbf5f48cef57daa969 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@
 
 ## [Unreleased]
 
+### Fixed
+
+- 修复气泡飘窗箭头样式显示异常
+
 ## [0.7.41-alpha.21] - 2025-08-27
 
 ### Added
diff --git a/src/util/app-popover/app-popover-component.scss b/src/util/app-popover/app-popover-component.scss
index 265faeefbca045ae954234338c32bff9569a6ad0..3ae0b6a65ad1f5d24c457acba4e5ed3d04bf797a 100644
--- a/src/util/app-popover/app-popover-component.scss
+++ b/src/util/app-popover/app-popover-component.scss
@@ -16,6 +16,26 @@
     height: getCssVar('width-icon', 'extra-small');
     background: getCssVar('color-bg-2');
     transform: rotate(45deg);
+
+    &[data-placement^=top] {
+      border-right: 1px solid getCssVar('color-border');
+      border-bottom: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=bottom] {
+      border-top: 1px solid getCssVar('color-border');
+      border-left: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=left] {
+      border-top: 1px solid getCssVar('color-border');
+      border-right: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=right] {
+      border-bottom: 1px solid getCssVar('color-border');
+      border-left: 1px solid getCssVar('color-border');
+    }
   }
 
   @include when(show) {
diff --git a/src/util/app-popover/app-popover-component.tsx b/src/util/app-popover/app-popover-component.tsx
index 795a48e516c1270fe893d3469c4a4ec7c4ed8e62..7022d6f4fb380cd0b4abfc465776e149c6b92a4f 100644
--- a/src/util/app-popover/app-popover-component.tsx
+++ b/src/util/app-popover/app-popover-component.tsx
@@ -93,6 +93,7 @@ async function computePos(
         bottom: '',
         [staticSide]: '-4px',
       });
+      arrEl.setAttribute('data-placement', placement);
     }
   }
 }