diff --git a/generator/_assets/styles/less/header.less b/generator/_assets/styles/less/header.less
index cd7f170f2..9fb6f69fd 100755
--- a/generator/_assets/styles/less/header.less
+++ b/generator/_assets/styles/less/header.less
@@ -41,7 +41,7 @@
       flex-direction: column;
       background: #FFFFFF;
       z-index: 10;
-      width: ~"calc(433px + (243 - 433) / (320 - 1023) * (100vw - 1023px))";
+      width: clamp(243px, 50%, 433px);
       min-width: 24.3rem;
       order: 10;
       right: 0;
diff --git a/generator/_assets/styles/less/variables.less b/generator/_assets/styles/less/variables.less
index 83ee8c691..b3b926b2f 100755
--- a/generator/_assets/styles/less/variables.less
+++ b/generator/_assets/styles/less/variables.less
@@ -32,4 +32,4 @@
 @desktop-wide-down: ~'(max-width: 1439px)';
 @desktop-down: ~'(max-width: 1279px)';
 @tablet-down: ~'(max-width: 1023px)';
-@phone-down: ~'(max-width: 589px)';
+@phone-down: ~'(max-width: 589px)';
\ No newline at end of file