diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
index 184fb43..5e61006 100644
--- a/client/src/components/Header.vue
+++ b/client/src/components/Header.vue
@@ -27,7 +27,7 @@ defineProps<{
         @click="toggleActive('links')"
       >
         <LinkIcon class="md:hidden" />
-        <span class="hidden md:inline">Links</span>
+        <span class="hidden md:inline font-semibold">Links</span>
       </button>
       <button
         :class="[isActive === 'profile' ? 'active' : 'hover:text-purple-300']"
@@ -35,7 +35,7 @@ defineProps<{
         @click="toggleActive('profile')"
       >
         <ProfileIcon class="md:hidden" />
-        <span class="hidden md:inline"> Profile Details</span>
+        <span class="hidden md:inline font-semibold"> Profile Details</span>
       </button>
     </div>
 
diff --git a/client/src/views/PublicView.vue b/client/src/views/PublicView.vue
index 3c022c4..5885d30 100644
--- a/client/src/views/PublicView.vue
+++ b/client/src/views/PublicView.vue
@@ -23,11 +23,12 @@ onMounted(async () => {
   isLoading.value = true
   try {
     const profileResponse = await getPublicDetails(id)
+
     if (profileResponse.success) {
       profileLinks.value.firstname = profileResponse.data[0].name.split(' ')[0]
       profileLinks.value.lastname = profileResponse.data[0].name.split(' ')[1]
       profileLinks.value.email = profileResponse.data[0].email
-      profileLinks.value.devlinks = JSON.parse(profileResponse.data[0].links) || []
+      profileLinks.value.devlinks = profileResponse.data[0].links || []
       profileLinks.value.profilepic = profileResponse.data[0].profilepic
     }
   } catch (err: any) {