diff --git a/app/[locale]/(public)/inbox/update/page.tsx b/app/[locale]/(public)/inbox/update/page.tsx
index 1ce6f763..b8b14476 100644
--- a/app/[locale]/(public)/inbox/update/page.tsx
+++ b/app/[locale]/(public)/inbox/update/page.tsx
@@ -35,7 +35,7 @@ const UpdateSection = () => {
       setNotifications(response?.data?.data?.content);
       setGetTotalData(response?.data?.data?.totalElements);
       setGetTotalPage(response?.data?.data?.totalPage);
-    }
+    }  
 
     if (isUpdate) {
       getNotifUpdate();
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 20e7bffc..ffa461eb 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -96,12 +96,23 @@ const Navbar = () => {
         setNotifications(response?.data?.data?.content);
         console.log("respon:", response);
       }
+      if (roleId != undefined) {
+        const response = await getUserNotifications(0, 3);
+        setNotifications(response?.data?.data?.content);
+        console.log("respon:", response);
+      }
     }
 
     async function getNotifUpdate() {
+      if (roleId != undefined) {
+        const response = await getUserNotifications(0, 2);
+        setNotificationsUpdate(response?.data?.data?.content);
+        console.log("Notiffff:", response);
+      }
       if (roleId != undefined) {
         const response = await getUserNotifications(0, 3);
-        setNotificationsUpdate(response?.data?.data?.content); // console.log("respon:", response);
+        setNotificationsUpdate(response?.data?.data?.content);
+        console.log("Notiffff:", response);
       }
     }
 
@@ -379,7 +390,7 @@ const Navbar = () => {
                     <Icon icon="basil:envelope-outline" color="black" width="30" />
                   </a>
                 </PopoverTrigger>
-                <PopoverContent className=" p-0 h-32 flex flex-col mt-2" align="end">
+                <PopoverContent className=" p-0 flex flex-col mt-2" align="end">
                   <Tabs value={selectedTab} onValueChange={setSelectedTab} className="flex flex-row">
                     <TabsList className="grid grid-cols-2 lg:flex lg:flex-row ">
                       <TabsTrigger value="notif-tab">
@@ -411,11 +422,11 @@ const Navbar = () => {
                       </TabsTrigger>
                     </TabsList>
                   </Tabs>
-                  <div className={`flex justify-center my-3 ${isMessageActive ? "active" : ""}`}>
+                  <div className={`flex flex-col justify-center my-3 ${isMessageActive ? "active" : ""}`}>
                     {notifications?.map((list: any) => (
-                      <a className="" href={list.redirectUrl} key={list.id}>
+                      <a className="flex flex-row" href={list.redirectUrl} key={list.id}>
                         <div className="">
-                          <img src="/assets/avatar-profile.png" alt="..." className="" />
+                          <img src="/assets/avatar-profile.png" alt="..." className="w-8 items-center mr-3" />
                         </div>
                         <div className="">
                           <div className="text-wrap text-left">{list?.message}</div>
@@ -430,7 +441,7 @@ const Navbar = () => {
                       </a>
                     ))}
                     <Link href="/inbox" legacyBehavior>
-                      <p className="text-[15px] py-2" role="button">
+                      <p className="text-[15px] text-center py-2" role="button">
                         Lihat semua
                       </p>
                     </Link>