diff --git a/src/component/product/settingsTab/ColorStyleConfigure.jsx b/src/component/product/settingsTab/ColorStyleConfigure.jsx
index e79e4b1..8f73368 100644
--- a/src/component/product/settingsTab/ColorStyleConfigure.jsx
+++ b/src/component/product/settingsTab/ColorStyleConfigure.jsx
@@ -109,7 +109,7 @@ const ColorStyleConfigure = memo(({name = 'Full Name', data, productData}) => {
                                         <p>No data Found</p>
                                         :
                                         templates.map(color_style => (
-                                            <div key={template.template_uid} className="col-xl-6 col-sm-6">
+                                            <div key={color_style.color_style_uid} className="col-xl-6 col-sm-6">
                                                 <div className="card card-statistics">
                                                     <div className="card-body">
                                                         <div className="text-center p-2" style={{backgroundColor: `#${color_style.color_code}`}}>