diff --git a/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap b/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap
index 90f7f0258..c526c4a30 100644
--- a/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap
+++ b/packages/components/_private/header/__tests__/__snapshots__/header.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Header render work 1`] = `
-"<div class=\\"ix-header ix-header-md\\">
+"<div class=\\"ix-header ix-header-sm\\">
   <div class=\\"ix-header-content\\">
     <!---->
     <!----><span class=\\"ix-header-title\\">Header title</span>
diff --git a/packages/components/drawer/__tests__/drawer.spec.ts b/packages/components/drawer/__tests__/drawer.spec.ts
index 05802f628..d92bee76b 100644
--- a/packages/components/drawer/__tests__/drawer.spec.ts
+++ b/packages/components/drawer/__tests__/drawer.spec.ts
@@ -170,7 +170,7 @@ describe('Drawer', () => {
     await wrapper.setProps({ header })
 
     expect(drawerWrapper.find('.ix-header').text()).toBe(header)
-    expect(drawerWrapper.find('.ix-header').classes()).toContain('ix-header-md')
+    expect(drawerWrapper.find('.ix-header').classes()).toContain('ix-header-sm')
 
     header = { title: 'This is header2', size: 'lg' }
     await wrapper.setProps({ header })
diff --git a/packages/components/drawer/style/themes/default.less b/packages/components/drawer/style/themes/default.less
index 329463be6..c1c89d158 100644
--- a/packages/components/drawer/style/themes/default.less
+++ b/packages/components/drawer/style/themes/default.less
@@ -1,3 +1,2 @@
-@import '../../../style/themes/default.less';
 @import '../index.less';
 @import './default.variable.less';
diff --git a/packages/components/drawer/style/themes/default.variable.less b/packages/components/drawer/style/themes/default.variable.less
index 3ceaee118..8222b6aeb 100644
--- a/packages/components/drawer/style/themes/default.variable.less
+++ b/packages/components/drawer/style/themes/default.variable.less
@@ -1,3 +1,5 @@
+@import '../../../style/themes/default.less';
+
 @drawer-font-size: @font-size-md;
 @drawer-line-height: @line-height-base;
 @drawer-background-color: @background-color-component;
diff --git a/packages/components/modal/__tests__/modal.spec.ts b/packages/components/modal/__tests__/modal.spec.ts
index 3046477e1..5faf11108 100644
--- a/packages/components/modal/__tests__/modal.spec.ts
+++ b/packages/components/modal/__tests__/modal.spec.ts
@@ -217,7 +217,7 @@ describe('Modal', () => {
     await wrapper.setProps({ header })
 
     expect(modalWrapper.find('.ix-header').text()).toBe(header)
-    expect(modalWrapper.find('.ix-header').classes()).toContain('ix-header-md')
+    expect(modalWrapper.find('.ix-header').classes()).toContain('ix-header-sm')
 
     header = { title: 'This is header2', size: 'lg' }
     await wrapper.setProps({ header })
diff --git a/packages/components/modal/style/themes/default.less b/packages/components/modal/style/themes/default.less
index 329463be6..c1c89d158 100644
--- a/packages/components/modal/style/themes/default.less
+++ b/packages/components/modal/style/themes/default.less
@@ -1,3 +1,2 @@
-@import '../../../style/themes/default.less';
 @import '../index.less';
 @import './default.variable.less';
diff --git a/packages/components/modal/style/themes/default.variable.less b/packages/components/modal/style/themes/default.variable.less
index 0e085d056..af6998443 100644
--- a/packages/components/modal/style/themes/default.variable.less
+++ b/packages/components/modal/style/themes/default.variable.less
@@ -1,3 +1,5 @@
+@import '../../../style/themes/default.less';
+
 @modal-max-width: calc(100vw - 32px);
 
 @modal-font-size: @font-size-md;