diff --git a/packages/components/popover/src/popover.vue b/packages/components/popover/src/popover.vue
index 4f3a8030ab0b61..daaf2b7784cdc6 100644
--- a/packages/components/popover/src/popover.vue
+++ b/packages/components/popover/src/popover.vue
@@ -45,7 +45,7 @@
 <script lang="ts" setup>
 import { computed, ref, unref } from 'vue'
 import { ElTooltip } from '@element-plus/components/tooltip'
-import { isString } from '@element-plus/utils'
+import { addUnit } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { popoverEmits, popoverProps } from './popover'
 import type { TooltipInstance } from '@element-plus/components/tooltip'
@@ -62,17 +62,11 @@ const tooltipRef = ref<TooltipInstance>()
 const popperRef = computed(() => {
   return unref(tooltipRef)?.popperRef
 })
-const width = computed(() => {
-  if (isString(props.width)) {
-    return props.width
-  }
-  return `${props.width}px`
-})
 
 const style = computed(() => {
   return [
     {
-      width: width.value,
+      width: addUnit(props.width),
     },
     props.popperStyle!,
   ]