diff --git a/packages/core/src/components/Bubble/index.vue b/packages/core/src/components/Bubble/index.vue
index 240f222a..d0a29f53 100644
--- a/packages/core/src/components/Bubble/index.vue
+++ b/packages/core/src/components/Bubble/index.vue
@@ -67,11 +67,9 @@ const DEFAULT_TYPING: TypingConfig = {
 const _typing = computed(() => {
   if (typeof props.typing === 'undefined') {
     return false;
-  }
-  else if (typeof props.typing === 'boolean') {
+  } else if (typeof props.typing === 'boolean') {
     return props.typing;
-  }
-  else {
+  } else {
     return Object.assign({}, DEFAULT_TYPING, props.typing);
   }
 }) as boolean | TypingConfig;
@@ -178,7 +176,8 @@ defineExpose(instance);
           'el-bubble-content-filled': variant === 'filled' && !noStyle,
           'el-bubble-content-borderless': variant === 'borderless' && !noStyle,
           'el-bubble-content-outlined': variant === 'outlined' && !noStyle,
-          'el-bubble-content-shadow': variant === 'shadow' && !noStyle
+          'el-bubble-content-shadow': variant === 'shadow' && !noStyle,
+          'no-content': !content
         }"
       >
         <div
diff --git a/packages/core/src/components/Bubble/style.scss b/packages/core/src/components/Bubble/style.scss
index 4c79017f..3935a616 100644
--- a/packages/core/src/components/Bubble/style.scss
+++ b/packages/core/src/components/Bubble/style.scss
@@ -72,13 +72,18 @@
     color: var(--el-text-color-primary);
     font-size: var(--el-font-size-base);
     line-height: var(--el-font-line-height-primary);
-    min-height: calc(var(--el-padding-sm, 12px) * 2 + var(--el-font-line-height-primary) * var(--el-font-size-base));
+    min-height: calc(
+      var(--el-padding-sm, 12px) * 2 + var(--el-font-line-height-primary) *
+        var(--el-font-size-base)
+    );
     word-break: break-word;
 
     // 打字器没有内容时候展示高度
+    &.no-content,
     .no-content {
       // height: 16px;
       height: 0;
+      padding: 0;
     }
   }