diff --git a/src/app/dev/notifikasi/layout.tsx b/src/app/dev/notifikasi/layout.tsx
index 9e9d2461..180b94cc 100644
--- a/src/app/dev/notifikasi/layout.tsx
+++ b/src/app/dev/notifikasi/layout.tsx
@@ -1,5 +1,6 @@
-import { UIGlobal_LayoutHeaderTamplate } from "@/app_modules/_global/ui";
-import { Notifikasi_UiNewLayout } from "@/app_modules/notifikasi/_ui";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, { UI_NewChildren, UI_NewHeader } from "@/app_modules/_global/ui/V2_layout_tamplate";
+import { UIChildrenNotifikasi } from "@/app_modules/notifikasi/_ui/ui_new_layout_notifikasi";
 
 export default async function Layout({
   children,
@@ -8,11 +9,22 @@ export default async function Layout({
 }) {
   return (
     <>
-      <Notifikasi_UiNewLayout
+      {/* <Notifikasi_UiNewLayout
         header={<UIGlobal_LayoutHeaderTamplate title="Notifikasi" />}
       >
         {children}
-      </Notifikasi_UiNewLayout>
+      </Notifikasi_UiNewLayout> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Notifikasi" />
+        </UI_NewHeader>
+        <UI_NewChildren>
+          <UIChildrenNotifikasi>
+            {children}
+          </UIChildrenNotifikasi>
+        </UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/notifikasi/_ui/ui_new_layout_notifikasi.tsx b/src/app_modules/notifikasi/_ui/ui_new_layout_notifikasi.tsx
index 7cb401ee..77d7e50a 100644
--- a/src/app_modules/notifikasi/_ui/ui_new_layout_notifikasi.tsx
+++ b/src/app_modules/notifikasi/_ui/ui_new_layout_notifikasi.tsx
@@ -46,7 +46,7 @@ export default function Notifikasi_UiNewLayout({
           >
             <UIHeader header={header} />
 
-            <UIChildren>{children}</UIChildren>
+            <UIChildrenNotifikasi>{children}</UIChildrenNotifikasi>
           </BackgroundImage>
         </Container>
       </Box>
@@ -76,7 +76,7 @@ function UIHeader({ header }: { header: React.ReactNode }) {
   );
 }
 
-function UIChildren({ children }: { children: React.ReactNode }) {
+export function UIChildrenNotifikasi({ children }: { children: React.ReactNode }) {
   const router = useRouter();
   const [mstrKategori, setMstrKategori] = useState<any[] | null>(null);
   const [categoryPage, setCategoryPage] = useAtom(gs_notifikasi_kategori_app);
@@ -100,7 +100,7 @@ function UIChildren({ children }: { children: React.ReactNode }) {
           Null
         </Button>
       ) : (
-        <Box style={{ zIndex: 0 }} h={"92vh"} px={"xs"} pos={"static"}>
+        <Box style={{ zIndex: 0 }} h={"90vh"}  pos={"static"}>
           <Box
             mb={"xs"}
             style={{