diff --git a/app/app.vue b/app/app.vue
index 29936a9b..dfe34d61 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -5,6 +5,12 @@ const useIdFunction = () => useId()
 
 const textDirection = useTextDirection({ initialValue: 'ltr' })
 const dir = computed(() => (textDirection.value === 'rtl' ? 'rtl' : 'ltr'))
+
+useHead({
+  // as a string,
+  // where `%s` is replaced with the title
+  titleTemplate: '%s - RSSA',
+})
 </script>
 
 <template>
diff --git a/app/components/layout/SidebarNavLink.vue b/app/components/layout/SidebarNavLink.vue
index 9a3b873e..06812075 100644
--- a/app/components/layout/SidebarNavLink.vue
+++ b/app/components/layout/SidebarNavLink.vue
@@ -18,10 +18,10 @@ const { setOpenMobile } = useSidebar()
 <template>
   <SidebarMenu>
     <SidebarMenuItem>
-      <SidebarMenuButton as-child :tooltip="item.title" :size="size">
+      <SidebarMenuButton as-child :tooltip="item.title" :size="size" class="">
         <NuxtLink
           :to="item.link"
-          class="group flex items-center gap-3 rounded-lg px-3 py-3 text-sm font-medium transition-all duration-200"
+          class="group flex items-center gap-3 rounded-lg px-3 py-4 text-sm font-medium transition-all duration-200"
           active-class="bg-primary text-white"
           @click="setOpenMobile(false)"
         >
diff --git a/app/pages/(features)/patient/add.vue b/app/pages/(features)/patient/add.vue
index 30b25cf4..f354264d 100644
--- a/app/pages/(features)/patient/add.vue
+++ b/app/pages/(features)/patient/add.vue
@@ -5,10 +5,14 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  pageTitle: 'Patient',
+  title: 'Tambah Pasien',
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => useRoute().meta.title,
+})
+
 const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
 
 const { checkRole, hasCreateAccess } = useRBAC()
diff --git a/app/pages/(features)/patient/index.vue b/app/pages/(features)/patient/index.vue
index 916b3a4b..d4bf0313 100644
--- a/app/pages/(features)/patient/index.vue
+++ b/app/pages/(features)/patient/index.vue
@@ -5,10 +5,14 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  pageTitle: 'Patient',
+  title: 'Daftar Pasien',
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => useRoute().meta.title,
+})
+
 const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
 
 const { checkRole, hasReadAccess } = useRBAC()