diff --git a/src/module/_global/layout/layout_icon_back.tsx b/src/module/_global/layout/layout_icon_back.tsx
index 356012a..f3a6dc3 100644
--- a/src/module/_global/layout/layout_icon_back.tsx
+++ b/src/module/_global/layout/layout_icon_back.tsx
@@ -4,12 +4,20 @@ import { useRouter } from 'next/navigation';
 import React from 'react';
 import { HiChevronLeft } from 'react-icons/hi2';
 import { WARNA } from '../fun/WARNA';
+import _ from 'lodash';
 
-function LayoutIconBack({ back }: { back: string }) {
+function LayoutIconBack({ back }: { back?: string }) {
   const router = useRouter()
   return (
     <Box>
-      <ActionIcon variant="light" onClick={() => router.push(back)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+      <ActionIcon variant="light" onClick={() => {
+        if (!_.isUndefined(back) && !_.isNull(back)) {
+          return router.push(back)
+        } else {
+          return router.back()
+        }
+
+      }} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
         <HiChevronLeft size={20} color='white' />
       </ActionIcon>
     </Box>
diff --git a/src/module/_global/layout/layout_loading_page.tsx b/src/module/_global/layout/layout_loading_page.tsx
index b392422..2f30c25 100644
--- a/src/module/_global/layout/layout_loading_page.tsx
+++ b/src/module/_global/layout/layout_loading_page.tsx
@@ -1,8 +1,12 @@
-import { Box, Group, Skeleton } from "@mantine/core";
+import { Box, Group, Skeleton, Text } from "@mantine/core";
+import LayoutNavbarHome from "./layout_navbar_home";
 
 export default function LoadingPage() {
    return (
       <>
+         <LayoutNavbarHome>
+            <Text></Text>
+         </LayoutNavbarHome>
          <Box p={20}>
             <Skeleton width={"100%"} height={180} radius={"md"} />
             <Group my={20} justify="space-between" grow>