diff --git a/public/data/Sahilll15.json b/public/data/Sahilll15.json
index 3c733ad2..e50fd978 100644
--- a/public/data/Sahilll15.json
+++ b/public/data/Sahilll15.json
@@ -1,6 +1,6 @@
 {
   "name": "Sahil Sanjay Chalke",
-  "location": "Mumbai, India 🇮🇳", 
+  "location": "Mumbai, India 🇮🇳",
   "bio": "FULL STACK DEV",
   "avatar": "https://avatars.githubusercontent.com/u/109215419?v=4",
   "portfolio": "https://sahilchalke.online/",
diff --git a/src/components/Profile/Profile.jsx b/src/components/Profile/Profile.jsx
index 270f3a38..b76c15ea 100644
--- a/src/components/Profile/Profile.jsx
+++ b/src/components/Profile/Profile.jsx
@@ -70,7 +70,12 @@ function Card({ data }) {
             data.portfolio ? 'ml-auto w-28 hover:underline' : 'ml-auto w-28 cursor-not-allowed brightness-50'
           }`}
         >
-          <a href={data.portfolio} className="text-textSecondary" target="_blank" rel="noreferrer">
+          <a
+            href={data.portfolio}
+            className="inline-block transform rounded-full border-2 border-transparent bg-[rgb(0,166,251,var(--tw-bg-opacity))] px-5 py-2 text-sm font-medium text-white shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:border-[rgb(0,166,251,var(--tw-border-opacity))] hover:bg-[rgb(243,244,246,var(--tw-bg-opacity))] hover:text-textSecondary hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-300"
+            target="_blank"
+            rel="noreferrer"
+          >
             View Profile &#8594;
           </a>
         </div>