diff --git a/src/components/KPop/KPop.vue b/src/components/KPop/KPop.vue
index 0887ca2ba3..89427fb73d 100644
--- a/src/components/KPop/KPop.vue
+++ b/src/components/KPop/KPop.vue
@@ -355,7 +355,7 @@ export default defineComponent({
       // destroy any previous poppers before creating new one
       this.destroy()
       this.showPopper()
-      const placement = this.placement || 'auto'
+      const placement = (this.placement || 'auto').replace(/[A-Z]/g, '-$&').toLowerCase()
       const popperEl = this.$refs.popper
       const theTarget = (this.target && !this.isSvg && !!document.querySelector(this.target))
         ? document.querySelector(this.target)