diff --git a/src/layouts/default/header/index.less b/src/layouts/default/header/index.less
index 2ce7bdf17..869e12603 100644
--- a/src/layouts/default/header/index.less
+++ b/src/layouts/default/header/index.less
@@ -3,7 +3,7 @@
 @breadcrumb-prefix-cls: ~'@{namespace}-layout-breadcrumb';
 @logo-prefix-cls: ~'@{namespace}-app-logo';
 
-.@{header-prefix-cls} {
+.ant-layout .@{header-prefix-cls} {
   display: flex;
   align-items: center;
   justify-content: space-between;
diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue
index c2bf2c78d..2ffd43c23 100644
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Layout.Header :class="getHeaderClass" style="height: auto; padding-inline: 0">
+  <Layout.Header :class="getHeaderClass">
     <!-- left start -->
     <div :class="`${prefixCls}-left`">
       <!-- logo -->