# fix

- Merubah Appshell dengan tamplate layout sendiri di module berikut:
- Forum
- Job
- Event
- Voting
## No Issuee

src/app_modules/donasi/detail/detail_main/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { AppShell, Box, Button, Center, Footer } from "@mantine/core";
+import { AppShell, Box, Button, Center, Footer, Stack } from "@mantine/core";
 import React from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import ButtonDonasi from "../../component/footer_button_donasi";
@@ -17,7 +17,13 @@ export default function LayoutDetailMainDonasi({
     <>
       <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Detail Donasi" />}
-        footer={<ButtonDonasi donasiId={donasiId} />}
+        footer={
+          <Footer height={"10vh"}>
+            <Stack justify="center" h={"100%"}>
+              <ButtonDonasi donasiId={donasiId} />
+            </Stack>
+          </Footer>
+        }
       >
         {children}
       </AppComponentGlobal_LayoutTamplate>

src/app_modules/donasi/main/layout.tsx

@@ -119,7 +119,7 @@ export default function LayoutDonasi({
                       >
                         {e.icon}
                       </ActionIcon>
-                      <Text c={active === i ? "orange" : "white"}>
+                      <Text c={active === i ? "orange" : "white"} fz={"xs"}>
                         {e.name}
                       </Text>
                     </Flex>