diff --git a/04_Day_Components/04_day_components_solution/src/Hexacolor.js b/04_Day_Components/04_day_components_solution/src/Hexacolor.js
index 0ac839c..5b88277 100644
--- a/04_Day_Components/04_day_components_solution/src/Hexacolor.js
+++ b/04_Day_Components/04_day_components_solution/src/Hexacolor.js
@@ -12,14 +12,15 @@ const skills = ['HTML', 'CSS', 'JS', 'React',
 
   
 //repeat elements inside the box
-export default function Hexacolor ({ skillIndex })  {
+//We can use skillIndex as well instead of props keyword
+export default function Hexacolor ({ props })  {
  
    
   
     return (
       
    
-        <h2>{skills[skillIndex]}</h2>
+        <h2>{skills[props]}</h2>
        
     )