diff --git a/packages/components/popconfirm/src/popconfirm.vue b/packages/components/popconfirm/src/popconfirm.vue
index d052d09797..1f817d2708 100644
--- a/packages/components/popconfirm/src/popconfirm.vue
+++ b/packages/components/popconfirm/src/popconfirm.vue
@@ -8,7 +8,7 @@
     :fallback-placements="['bottom', 'top', 'right', 'left']"
   >
     <div class="el-popconfirm">
-      <p class="el-popconfirm__main">
+      <div class="el-popconfirm__main">
         <i
           v-if="!hideIcon"
           :class="icon"
@@ -16,7 +16,7 @@
           :style="{ color: iconColor }"
         ></i>
         {{ title }}
-      </p>
+      </div>
       <div class="el-popconfirm__action">
         <el-button size="mini" :type="cancelButtonType" @click="cancel">
           {{ finalCancelButtonText }}
diff --git a/packages/theme-chalk/src/popconfirm.scss b/packages/theme-chalk/src/popconfirm.scss
index a4362bfac6..6c35c18fca 100644
--- a/packages/theme-chalk/src/popconfirm.scss
+++ b/packages/theme-chalk/src/popconfirm.scss
@@ -11,6 +11,6 @@
   }
   @include e(action) {
     text-align: right;
-    margin: 0;
+    margin-top: 8px;
   }
 }