diff --git a/frontend/components/profile/global/ProfilePageTitle.vue b/frontend/components/profile/global/ProfilePageTitle.vue
index 5791e84..754a5ce 100644
--- a/frontend/components/profile/global/ProfilePageTitle.vue
+++ b/frontend/components/profile/global/ProfilePageTitle.vue
@@ -9,6 +9,10 @@ type Props = {
 // props
 
 defineProps<Props>();
+
+// inject
+
+const toggleSidebar = inject("toggleSidebar");
 </script>
 
 <template>
@@ -16,14 +20,14 @@ defineProps<Props>();
         class="flex items-center justify-between w-full gap-3 px-5 py-4 rounded-xl bg-slate-50 border border-slate-200"
     >
         <div class="flex items-center w-full gap-3 lg:w-1/2">
-            <button class="flex-center lg:hidden">
-                <Icon name="bi:chevron-right" size="24" class="**:fill-black" />
+            <button class="flex-center lg:hidden" @click="toggleSidebar">
+                <Icon name="bi:chevron-right" size="18" class="**:fill-black" />
             </button>
             <p class="font-semibold lg:text-lg text-black">
                 {{ title }}
             </p>
         </div>
-        <Icon :name="icon" size="24" class="**:fill-black" />
+        <Icon :name="icon" size="18" class="**:fill-black" />
     </div>
 </template>