diff --git a/src/component/product/settingsTab/ColorStyleConfigure.jsx b/src/component/product/settingsTab/ColorStyleConfigure.jsx
index 7d1b81e..7c0381a 100644
--- a/src/component/product/settingsTab/ColorStyleConfigure.jsx
+++ b/src/component/product/settingsTab/ColorStyleConfigure.jsx
@@ -113,7 +113,7 @@ const ColorStyleConfigure = memo(({name = 'Full Name', data, productData}) => {
                                                 <div className="card card-statistics">
                                                     <div className="card-body" style={{
                                                         backgroundColor: `#${color_style.color_code}`,
-                                                        opacity: '0.5',
+                                                        opacity: '0.85',
                                                         borderRadius: '10px'
                                                     }}>
                                                         <div className="text-center p-2">