diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss
index cf8423eb..d427046e 100644
--- a/src/assets/style/theme/theme-base.scss
+++ b/src/assets/style/theme/theme-base.scss
@@ -213,10 +213,16 @@
               border-top-left-radius: 0px;
               border-top-right-radius: 0px;
             }
-            // 隐形布局组件 这个组件不建议在有多页面导航的时候使用 不美观
+            // 隐形布局组件
             .d2-container-ghost {
               margin-right: 20px;
               margin-bottom: 20px;
+              .d2-container-ghost-header {
+                border-top: none;
+                border-top-left-radius: 0px;
+                border-top-right-radius: 0px;
+                margin-bottom: 20px;
+              }
             }
           }
         }
diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss
index c09a7e93..d5cd96d7 100644
--- a/src/assets/style/theme/theme.scss
+++ b/src/assets/style/theme/theme.scss
@@ -281,6 +281,15 @@
               background: $theme-container-background-color;
             }
           }
+          // 隐形布局组件
+          .d2-container-ghost {
+            .d2-container-ghost-header {
+              border: $theme-container-border-outer;
+              &>.el-card__body {
+                background: $theme-container-header-footer-background-color;
+              }
+            }
+          }
         }
       }
     }
diff --git a/src/components/core/d2-container/index.vue b/src/components/core/d2-container/index.vue
index ea7df202..1dafcf6c 100644
--- a/src/components/core/d2-container/index.vue
+++ b/src/components/core/d2-container/index.vue
@@ -7,7 +7,7 @@
     </el-card>
     <!-- [ghost] 隐形的容器 -->
     <div v-if="type === 'ghost'" class="d2-container-ghost">
-      <el-card v-if="$slots.header">
+      <el-card v-if="$slots.header" shadow="never" class="d2-container-ghost-header">
         <slot name="header"/>
       </el-card>
       <slot/>
diff --git a/src/pages/demo/components/container/ghost-header.vue b/src/pages/demo/components/container/ghost-header.vue
index 49ac04cc..bf4d2f21 100644
--- a/src/pages/demo/components/container/ghost-header.vue
+++ b/src/pages/demo/components/container/ghost-header.vue
@@ -1,7 +1,7 @@
 <template>
   <d2-container type="ghost">
     <template slot="header">header</template>
-    <el-card shadow="never" class="d2-mt" style="width: 50%;">
+    <el-card shadow="never" style="width: 50%;">
       <d2-markdown :source="doc"/>
     </el-card>
   </d2-container>