diff --git a/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss b/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss
index 34c3261e..1197baee 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss
@@ -15,7 +15,7 @@ $autocomplete-option-value-color: var(--cps-color-text-dark);
 $autocomplete-about-remove-color: var(--cps-color-text-light);
 $autocomplete-about-remove-background: var(--cps-color-bg-mid);
 $autocomplete-prefix-icon-color: var(--cps-color-text-dark);
-$autocomplete-border-color: var(--cps-color-text-lightest);
+$autocomplete-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 
diff --git a/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss b/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss
index 781dddad..6bd95a18 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss
@@ -3,7 +3,7 @@ $input-hint-color: var(--cps-color-text-mild);
 $input-label-disabled-color: var(--cps-color-text-mild);
 $input-pass-show-btn-color: var(--cps-color-text-mild);
 $input-placeholder-color: var(--cps-color-text-lightest);
-$input-border-color: var(--cps-color-text-lightest);
+$input-border-color: var(--cps-color-line-light);
 $input-label-color: var(--cps-color-text-dark);
 $input-text-color: var(--cps-color-text-dark);
 $input-text-disabled-color: var(--cps-color-text-light);
diff --git a/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss b/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss
index 50bd2d4e..9d470d60 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss
@@ -13,7 +13,7 @@ $option-highlight-selected-background: #e6d4d9;
 $select-option-info-color: var(--cps-color-text-light);
 $select-option-value-color: var(--cps-color-text-dark);
 $select-prefix-icon-color: var(--cps-color-text-dark);
-$select-border-color: var(--cps-color-text-lightest);
+$select-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 
diff --git a/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss b/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss
index c9fb90d6..5f5a60c7 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss
@@ -3,7 +3,7 @@ $textarea-hint-color: var(--cps-color-text-mild);
 $textarea-label-disabled-color: var(--cps-color-text-mild);
 $textarea-pass-show-btn-color: var(--cps-color-text-mild);
 $textarea-placeholder-color: var(--cps-color-text-lightest);
-$textarea-border-color: var(--cps-color-text-lightest);
+$textarea-border-color: var(--cps-color-line-light);
 $textarea-label-color: var(--cps-color-text-dark);
 $textarea-text-color: var(--cps-color-text-dark);
 $textarea-text-disabled-color: var(--cps-color-text-light);
diff --git a/projects/cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss b/projects/cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss
index 0291129b..9be7cd89 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss
@@ -16,7 +16,7 @@ $treeautocomplete-about-remove-color: var(--cps-color-text-light);
 $treeautocomplete-about-remove-background: var(--cps-color-bg-mid);
 $treeautocomplete-prefix-icon-color: var(--cps-color-text-dark);
 $treeautocomplete-option-chevron-color: var(--cps-color-text-light);
-$treeautocomplete-border-color: var(--cps-color-text-lightest);
+$treeautocomplete-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 
diff --git a/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss b/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss
index 38aeed3c..f2747215 100644
--- a/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss
+++ b/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss
@@ -14,7 +14,7 @@ $treeselect-option-info-color: var(--cps-color-text-light);
 $treeselect-option-value-color: var(--cps-color-text-dark);
 $treeselect-prefix-icon-color: var(--cps-color-text-dark);
 $treeselect-option-chevron-color: var(--cps-color-text-light);
-$treeselect-border-color: var(--cps-color-text-lightest);
+$treeselect-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;