diff --git a/src/components/MetalPlate/CncProcess/index.vue b/src/components/MetalPlate/CncProcess/index.vue
index 548d5e1..cd30c5c 100644
--- a/src/components/MetalPlate/CncProcess/index.vue
+++ b/src/components/MetalPlate/CncProcess/index.vue
@@ -48,6 +48,7 @@ const changeTab = tab => {
     align-items: center;
     justify-content: space-evenly;
     .tab {
+      color: #f0921f;
       flex: 1;
       background: #f9f9f9;
       font-family: Source Han Sans;
@@ -56,7 +57,6 @@ const changeTab = tab => {
       line-height: normal;
       letter-spacing: 0.04em;
       font-feature-settings: 'kern' on;
-      color: #939393;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/src/components/MetalPlate/HandPlate/index.vue b/src/components/MetalPlate/HandPlate/index.vue
index d92962c..d0ffc05 100644
--- a/src/components/MetalPlate/HandPlate/index.vue
+++ b/src/components/MetalPlate/HandPlate/index.vue
@@ -49,6 +49,7 @@ const changeTab = tab => {
     justify-content: space-evenly;
     .tab {
       flex: 1;
+      color: #f0921f;
       background: #f9f9f9;
       font-family: Source Han Sans;
       font-size: 20px;
@@ -56,7 +57,6 @@ const changeTab = tab => {
       line-height: normal;
       letter-spacing: 0.04em;
       font-feature-settings: 'kern' on;
-      color: #939393;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/src/components/MetalPlate/MetalPlateProcess/index.vue b/src/components/MetalPlate/MetalPlateProcess/index.vue
index b9776f7..9718a0f 100644
--- a/src/components/MetalPlate/MetalPlateProcess/index.vue
+++ b/src/components/MetalPlate/MetalPlateProcess/index.vue
@@ -56,7 +56,7 @@ const changeTab = tab => {
       line-height: normal;
       letter-spacing: 0.04em;
       font-feature-settings: 'kern' on;
-      color: #939393;
+      color: #f0921f;
       display: flex;
       align-items: center;
       justify-content: center;