diff --git a/packages/ui-vue/components/popover/src/popover.component.tsx b/packages/ui-vue/components/popover/src/popover.component.tsx
index f47ea7e9aa853c76bd82aae69210f7a81143545a..71fc706af5c5d4b284ccfdb7f1640da043d714e3 100644
--- a/packages/ui-vue/components/popover/src/popover.component.tsx
+++ b/packages/ui-vue/components/popover/src/popover.component.tsx
@@ -29,7 +29,7 @@ export default defineComponent({
         return () => {
             return (
                 <Teleport to="body">
-                    <div class="popover in popover-top bs-popover-top top show">
+                    <div class={popoverClass.value}>
                         <div class="popover-arrow arrow"></div>
                         {shouldShowTitle.value && <h3 class="popover-title popover-header">{props.title}</h3>}
                         <div class={popoverContainerClass.value}>{context.slots.default && context.slots?.default()}</div>