diff --git a/src/grid/style/index.less b/src/grid/style/index.less
index d64a829f6b..e1ab5a4833 100644
--- a/src/grid/style/index.less
+++ b/src/grid/style/index.less
@@ -1,8 +1,8 @@
 @import '../../stylesheet/variables/index.less';
 
-@component-cls: ~'@{component-prefix}-grid';
+@grid-prefix-cls: ~'@{component-prefix}-grid';
 
-.@{component-cls} {
+.@{grid-prefix-cls} {
   display: flex;
   flex-direction: var(--gio-grid-direction, row);
   flex-wrap: var(--gio-grid-wrap, wrap);
diff --git a/src/legacy/grid/style/index.less b/src/legacy/grid/style/index.less
index 5ff5db801d..ca6e35908f 100644
--- a/src/legacy/grid/style/index.less
+++ b/src/legacy/grid/style/index.less
@@ -1,8 +1,8 @@
 @import '../../../stylesheet/index.less';
 
-@component-cls: ~'@{component-prefix}-grid-legacy';
+@grid-prefix-cls-legacy: ~'@{component-prefix}-grid-legacy';
 
-.@{component-cls} {
+.@{grid-prefix-cls-legacy} {
   display: flex;
   flex-direction: var(--gio-grid-direction, row);
   flex-wrap: var(--gio-grid-wrap, wrap);