From 249627c372079d0491ffaba407c720db33f29f19 Mon Sep 17 00:00:00 2001
From: ANIRUDDHA ADAK <aniruddhaadak80@gmail.com>
Date: Sat, 9 Nov 2024 14:11:31 +0530
Subject: [PATCH] Update Skills.tsx

---
 src/components/Skills.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
index 752de96..a414be9 100644
--- a/src/components/Skills.tsx
+++ b/src/components/Skills.tsx
@@ -46,7 +46,6 @@ const Skills: React.FC = () => {
       default: return 'from-gray-500 to-gray-700';
     }
   };
-
   return (
     <section id="skills" className="py-20 bg-gradient-to-r from-indigo-50 via-purple-50 to-pink-50">
       <div className="container mx-auto px-4">
@@ -56,12 +55,12 @@ const Skills: React.FC = () => {
             <button
               key={category}
               onClick={() => setFilter(category)}
-              className={m-2 px-4 py-2 rounded-full transition-all duration-300 transform hover:scale-105 ${
+              className={`m-2 px-4 py-2 rounded-full transition-all duration-300 transform hover:scale-105 ${
                 filter === category 
-                ? bg-gradient-to-r ${getCategoryColor(category)} text-white shadow-lg 
+                ? `bg-gradient-to-r ${getCategoryColor(category)} text-white shadow-lg` 
                 : 'bg-white text-gray-800 hover:bg-gray-100'
-              }}
-              style={{animationDelay: ${index * 0.1}s}}
+              }`}
+              style={{animationDelay: `${index * 0.1}s`}}
             >
               {category}
             </button>