diff --git a/app/components/homepage/skills/index.jsx b/app/components/homepage/skills/index.jsx
index a2ac6b0..bc68dca 100644
--- a/app/components/homepage/skills/index.jsx
+++ b/app/components/homepage/skills/index.jsx
@@ -314,7 +314,7 @@ function Skills() {
     return skillsImage.find(item => item.name === skillID);
   };
 
-  const SkillIcon = ({ skill }) => {
+  const SkillIcon = ({ skill, size = 40 }) => {
     const skillImage = findSkillImage(skill);
 
     if (!skillImage) return null;
@@ -322,12 +322,13 @@ function Skills() {
     return (
       <div
         className="h-full w-auto rounded-lg"
-        style={{ width: '40px', height: '40px' }}
-        dangerouslySetInnerHTML={{ __html: skillImage.svg }} // Insert SVG as inline HTML
+        style={{ width: `${size}px`, height: `${size}px` }}  // Dynamically set the size
+        dangerouslySetInnerHTML={{ __html: skillImage.svg }}
       />
     );
   };
 
+
   return (
     <div id="skills" className="relative z-50 border-t my-12 lg:my-24 border-[#25213b]">
       <div className="w-[100px] h-[100px] bg-violet-100 rounded-full absolute top-6 left-[42%] translate-x-1/2 filter blur-3xl  opacity-20"></div>