diff --git a/src/module/_global/layout/layout_navbar_new.tsx b/src/module/_global/layout/layout_navbar_new.tsx
index f13deed..c451fe4 100644
--- a/src/module/_global/layout/layout_navbar_new.tsx
+++ b/src/module/_global/layout/layout_navbar_new.tsx
@@ -22,7 +22,7 @@ export const LayoutNavbarNew = ({ back, title, menu }: { back?: string, title: s
                }
             </Grid.Col>
             <Grid.Col span={8}>
-               <Title c={WARNA.bgWhite} ta={'center'} order={5}>{_.startCase(title)}</Title>
+               <Title c={WARNA.bgWhite} ta={'center'} order={5} lineClamp={1}>{_.startCase(title)}</Title>
             </Grid.Col>
             <Grid.Col span="auto">
                <Group justify='flex-end'>
diff --git a/src/module/project/ui/create_project.tsx b/src/module/project/ui/create_project.tsx
index a40ab93..3d9551c 100644
--- a/src/module/project/ui/create_project.tsx
+++ b/src/module/project/ui/create_project.tsx
@@ -225,6 +225,8 @@ export default function CreateProject() {
             </Group>
           </Box>
         </Stack>
+        <Box pb={100}>
+
         {
           dataTask.length > 0 &&
           <Box pt={20}>
@@ -271,7 +273,7 @@ export default function CreateProject() {
 
         {
           member.length > 0 &&
-          <Box pt={30} mb={100}>
+          <Box pt={30}>
             <Group justify="space-between">
               <Text c={WARNA.biruTua}>Anggota Terpilih</Text>
               <Text c={WARNA.biruTua}>Total {member.length} Anggota</Text>
@@ -313,6 +315,7 @@ export default function CreateProject() {
             </Box>
           </Box>
         }
+        </Box>
 
       </Box>
       <Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
diff --git a/src/module/project/ui/list_file_detail_project.tsx b/src/module/project/ui/list_file_detail_project.tsx
index b247f66..29abcd7 100644
--- a/src/module/project/ui/list_file_detail_project.tsx
+++ b/src/module/project/ui/list_file_detail_project.tsx
@@ -1,6 +1,6 @@
 'use client'
 import { LayoutDrawer, WARNA } from '@/module/_global';
-import { Box, Flex, Group, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Center, Flex, Grid, Group, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
 import React, { useState } from 'react';
 import toast from 'react-hot-toast';
 import { funDeleteFileProject, funGetOneProjectById } from '../lib/api_project';
@@ -102,13 +102,21 @@ export default function ListFileDetailProject() {
                         setOpenDrawer(true)
                       }}
                     >
-                      <Group>
-                        {item.extension == "pdf" && <BsFiletypePdf size={25} />}
-                        {item.extension == "csv" && <BsFiletypeCsv size={25} />}
-                        {item.extension == "png" && <BsFiletypePng size={25} />}
-                        {item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={25} />}
-                        {item.extension == "heic" && <BsFiletypeHeic size={25} />}
+                      <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+                        <Grid.Col span={"auto"}>
+                          <Center >
+                        {item.extension == "pdf" && <BsFiletypePdf size={30} />}
+                        {item.extension == "csv" && <BsFiletypeCsv size={30} />}
+                        {item.extension == "png" && <BsFiletypePng size={30} />}
+                        {item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={30} />}
+                        {item.extension == "heic" && <BsFiletypeHeic size={30} />}
+                          </Center>
+                        </Grid.Col>
+                        <Grid.Col span={10}>
                         <Text>{item.name + '.' + item.extension}</Text>
+                        </Grid.Col>
+                      </Grid>
+                      <Group>
                       </Group>
                     </Box>
                   )
@@ -118,7 +126,7 @@ export default function ListFileDetailProject() {
 
 
 
-        <LayoutDrawer opened={openDrawer} title={nameData} onClose={() => setOpenDrawer(false)}>
+        <LayoutDrawer opened={openDrawer} title={<Text lineClamp={1}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
           <Box>
             <Stack pt={10}>
               <SimpleGrid
diff --git a/src/module/project/ui/list_tugas_detail_project.tsx b/src/module/project/ui/list_tugas_detail_project.tsx
index 85d4028..8ad3927 100644
--- a/src/module/project/ui/list_tugas_detail_project.tsx
+++ b/src/module/project/ui/list_tugas_detail_project.tsx
@@ -105,7 +105,7 @@ export default function ListTugasDetailProject() {
               isData.length === 0 ? <Text>Tidak ada tugas</Text> :
                 isData.map((item, index) => {
                   return (
-                    <Box key={index}>
+                    <Box key={index} mb={20}>
                       <Grid
                         onClick={() => {
                           setIdData(item.id)
@@ -126,9 +126,17 @@ export default function ListTugasDetailProject() {
                               padding: 10,
                             }}
                           >
-                            <Group>
-                              <AiOutlineFileSync size={25} />
+                            <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+                              <Grid.Col span={"auto"}>
+                                <Center>
+                              <AiOutlineFileSync size={30} />
+                                </Center>
+                              </Grid.Col>
+                              <Grid.Col span={10}>
                               <Text>{item.title}</Text>
+                              </Grid.Col>
+                            </Grid>
+                            <Group>
                             </Group>
                           </Box>
                           <Box>
@@ -148,7 +156,7 @@ export default function ListTugasDetailProject() {
                                 </Group>
                               </Box>
                               <Box>
-                                <Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
+                                <Text>Tanggal Berakhir</Text>
                                 <Group
                                   justify="center"
                                   bg={"white"}
diff --git a/src/module/project/ui/results_date-and_task.tsx b/src/module/project/ui/results_date-and_task.tsx
index e7025e6..d8cdf10 100644
--- a/src/module/project/ui/results_date-and_task.tsx
+++ b/src/module/project/ui/results_date-and_task.tsx
@@ -1,5 +1,5 @@
 import { WARNA } from '@/module/_global';
-import { Box, Group, SimpleGrid, Text } from '@mantine/core';
+import { Box, Center, Grid, Group, SimpleGrid, Spoiler, Text } from '@mantine/core';
 import React from 'react';
 import { AiOutlineFileSync } from "react-icons/ai";
 import { IFormDateProject } from '../lib/type_project';
@@ -18,10 +18,16 @@ export default function ResultsDateAndTask(data: IFormDateProject) {
           border: `1px solid ${"#D6D8F6"}`,
           padding: 10
         }}>
-          <Group>
-            <AiOutlineFileSync size={25} />
-            <Text>{data.title}</Text>
-          </Group>
+          <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+            <Grid.Col span={"auto"}>
+              <Center >
+                <AiOutlineFileSync size={30} />
+              </Center>
+            </Grid.Col>
+            <Grid.Col span={10}>
+              <Text>{data.title}</Text>
+            </Grid.Col>
+          </Grid>
         </Box>
         <Box>
           <SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
@@ -37,7 +43,7 @@ export default function ResultsDateAndTask(data: IFormDateProject) {
               </Group>
             </Box>
             <Box>
-              <Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
+              <Text >Tanggal Berakhir</Text>
               <Group
                 justify="center"
                 bg={"white"}
diff --git a/src/module/project/ui/results_file.tsx b/src/module/project/ui/results_file.tsx
index 099b512..22e19c8 100644
--- a/src/module/project/ui/results_file.tsx
+++ b/src/module/project/ui/results_file.tsx
@@ -1,5 +1,5 @@
 import { WARNA } from '@/module/_global';
-import { Box, Group, Text } from '@mantine/core';
+import { Box, Center, Grid, Group, Text } from '@mantine/core';
 import React from 'react';
 import { BsFiletypeCsv, BsFiletypeHeic, BsFiletypeJpg, BsFiletypePdf, BsFiletypePng } from 'react-icons/bs';
 import { IListFileTaskProject } from '../lib/type_project';
@@ -11,13 +11,21 @@ export default function ResultsFile({ name, extension }: IListFileTaskProject) {
       border: `1px solid ${"#D6D8F6"}`,
       padding: 10
     }} mb={10}>
-      <Group>
-        {extension == "pdf" && <BsFiletypePdf size={25} />}
-        {extension == "csv" && <BsFiletypeCsv size={25} />}
-        {extension == "png" && <BsFiletypePng size={25} />}
-        {extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={25} />}
-        {extension == "heic" && <BsFiletypeHeic size={25} />}
+      <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+        <Grid.Col span={"auto"}>
+          <Center >
+        {extension == "pdf" && <BsFiletypePdf size={30} />}
+        {extension == "csv" && <BsFiletypeCsv size={30} />}
+        {extension == "png" && <BsFiletypePng size={30} />}
+        {extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={30} />}
+        {extension == "heic" && <BsFiletypeHeic size={30} />}
+          </Center>
+        </Grid.Col>
+        <Grid.Col span={10}>
         <Text>{name}</Text>
+        </Grid.Col>
+      </Grid>
+      <Group>
       </Group>
     </Box>
   );
diff --git a/src/module/task/ui/create_task.tsx b/src/module/task/ui/create_task.tsx
index c69c8c2..dd2828c 100644
--- a/src/module/task/ui/create_task.tsx
+++ b/src/module/task/ui/create_task.tsx
@@ -74,11 +74,12 @@ export default function CreateTask() {
 
       if (response.success) {
         toast.success(response.message)
-        setTitle("")
+        // setTitle("")
         member.set([])
         setFileForm([])
         setListFile([])
         setDataTask([])
+        router.push(`/division/${param.id}/task/`)
       } else {
         toast.error(response.message)
       }
@@ -164,6 +165,7 @@ export default function CreateTask() {
             </Group>
           </Box>
         </Stack>
+        <Box pb={100}>
         {
           dataTask.length > 0 &&
           <Box pt={20}>
@@ -211,7 +213,7 @@ export default function CreateTask() {
 
         {
           member.length > 0 &&
-          <Box pt={30} mb={100}>
+          <Box pt={30}>
             <Group justify="space-between">
               <Text c={WARNA.biruTua}>Anggota Terpilih</Text>
               <Text c={WARNA.biruTua}>Total {member.length} Anggota</Text>
@@ -253,8 +255,7 @@ export default function CreateTask() {
             </Box>
           </Box>
         }
-
-
+        </Box>
       </Box>
       <Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
         maxWidth: rem(550),
diff --git a/src/module/task/ui/detail_list_file_task.tsx b/src/module/task/ui/detail_list_file_task.tsx
index 92d68d8..4eb6047 100644
--- a/src/module/task/ui/detail_list_file_task.tsx
+++ b/src/module/task/ui/detail_list_file_task.tsx
@@ -1,6 +1,6 @@
 'use client'
 import { LayoutDrawer, SkeletonDetailListTugasTask, WARNA } from "@/module/_global";
-import { Box, Flex, Group, SimpleGrid, Skeleton, Stack, Text } from "@mantine/core";
+import { Box, Center, Flex, Grid, Group, SimpleGrid, Skeleton, Stack, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useParams } from "next/navigation";
 import { useState } from "react";
@@ -99,13 +99,21 @@ export default function ListFileDetailTask() {
                                  setOpenDrawer(true)
                               }}
                            >
+                              <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+                                 <Grid.Col span={"auto"}>
+                                    <Center >
+                                       {item.extension == "pdf" && <BsFiletypePdf size={25} />}
+                                       {item.extension == "csv" && <BsFiletypeCsv size={25} />}
+                                       {item.extension == "png" && <BsFiletypePng size={25} />}
+                                       {item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={25} />}
+                                       {item.extension == "heic" && <BsFiletypeHeic size={25} />}
+                                    </Center>
+                                 </Grid.Col>
+                                 <Grid.Col span={10}>
+                                    <Text>{item.name + '.' + item.extension}</Text>
+                                 </Grid.Col>
+                              </Grid>
                               <Group>
-                                 {item.extension == "pdf" && <BsFiletypePdf size={25} />}
-                                 {item.extension == "csv" && <BsFiletypeCsv size={25} />}
-                                 {item.extension == "png" && <BsFiletypePng size={25} />}
-                                 {item.extension == "jpg" || item.extension == "jpeg" && <BsFiletypeJpg size={25} />}
-                                 {item.extension == "heic" && <BsFiletypeHeic size={25} />}
-                                 <Text>{item.name + '.' + item.extension}</Text>
                               </Group>
                            </Box>
                         )
@@ -115,7 +123,7 @@ export default function ListFileDetailTask() {
 
 
 
-         <LayoutDrawer opened={openDrawer} title={nameData} onClose={() => setOpenDrawer(false)}>
+         <LayoutDrawer opened={openDrawer} title={<Text lineClamp={1}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
             <Box>
                <Stack pt={10}>
                   <SimpleGrid
diff --git a/src/module/task/ui/detail_list_tugas_task.tsx b/src/module/task/ui/detail_list_tugas_task.tsx
index c18e4be..4a5950c 100644
--- a/src/module/task/ui/detail_list_tugas_task.tsx
+++ b/src/module/task/ui/detail_list_tugas_task.tsx
@@ -128,10 +128,16 @@ export default function ListTugasDetailTask() {
                                           padding: 10,
                                        }}
                                     >
-                                       <Group>
-                                          <AiOutlineFileSync size={25} />
-                                          <Text>{item.title}</Text>
-                                       </Group>
+                                       <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+                                          <Grid.Col span={"auto"}>
+                                             <Center >
+                                                <AiOutlineFileSync size={30} />
+                                             </Center>
+                                          </Grid.Col>
+                                          <Grid.Col span={10}>
+                                             <Text>{item.title}</Text>
+                                          </Grid.Col>
+                                       </Grid>
                                     </Box>
                                     <Box>
                                        <SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
diff --git a/src/module/task/ui/list_division_task.tsx b/src/module/task/ui/list_division_task.tsx
index d776fc8..cafea5f 100644
--- a/src/module/task/ui/list_division_task.tsx
+++ b/src/module/task/ui/list_division_task.tsx
@@ -146,7 +146,7 @@ export default function ListDivisionTask() {
                                  <Card.Section>
                                     <Box h={120} bg={WARNA.biruTua}>
                                        <Flex justify={'center'} align={'center'} h={"100%"}>
-                                          <Title order={3} c={"white"}>{v.title}</Title>
+                                          <Title order={3} c={"white"} lineClamp={1}>{v.title}</Title>
                                        </Flex>
                                     </Box>
                                  </Card.Section>
diff --git a/src/module/task/ui/results_date-and_task.tsx b/src/module/task/ui/results_date-and_task.tsx
index 61f7e6f..7dc058a 100644
--- a/src/module/task/ui/results_date-and_task.tsx
+++ b/src/module/task/ui/results_date-and_task.tsx
@@ -1,5 +1,6 @@
+"use client"
 import { WARNA } from '@/module/_global';
-import { Box, Group, SimpleGrid, Text } from '@mantine/core';
+import { Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core';
 import React from 'react';
 import { AiOutlineFileSync } from "react-icons/ai";
 import { IFormDateTask } from '../lib/type_task';
@@ -18,10 +19,16 @@ export default function ResultsDateAndTask(data: IFormDateTask) {
           border: `1px solid ${"#D6D8F6"}`,
           padding: 10
         }}>
-          <Group>
-            <AiOutlineFileSync size={25} />
-            <Text>{data.title}</Text>
-          </Group>
+          <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+            <Grid.Col span={"auto"}>
+              <Center >
+                <AiOutlineFileSync size={30} />
+              </Center>
+            </Grid.Col>
+            <Grid.Col span={10}>
+              <Text>{data.title}</Text>
+            </Grid.Col>
+          </Grid>
         </Box>
         <Box>
           <SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
@@ -37,7 +44,7 @@ export default function ResultsDateAndTask(data: IFormDateTask) {
               </Group>
             </Box>
             <Box>
-              <Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
+              <Text >Tanggal Berakhir</Text>
               <Group
                 justify="center"
                 bg={"white"}
diff --git a/src/module/task/ui/results_file.tsx b/src/module/task/ui/results_file.tsx
index 2d024a1..04ae7c8 100644
--- a/src/module/task/ui/results_file.tsx
+++ b/src/module/task/ui/results_file.tsx
@@ -1,5 +1,5 @@
 import { WARNA } from '@/module/_global';
-import { Box, Group, Text } from '@mantine/core';
+import { Box, Center, Grid, Group, Text } from '@mantine/core';
 import React from 'react';
 import { BsFiletypeCsv, BsFiletypeHeic, BsFiletypeJpg, BsFiletypePdf, BsFiletypePng } from 'react-icons/bs';
 import { IListFileTask } from '../lib/type_task';
@@ -11,13 +11,21 @@ export default function ResultsFile({ name, extension }: IListFileTask) {
       border: `1px solid ${"#D6D8F6"}`,
       padding: 10
     }} mb={10}>
+      <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
+        <Grid.Col span={"auto"}>
+          <Center>
+            {extension == "pdf" && <BsFiletypePdf size={30} />}
+            {extension == "csv" && <BsFiletypeCsv size={30} />}
+            {extension == "png" && <BsFiletypePng size={30} />}
+            {extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={30} />}
+            {extension == "heic" && <BsFiletypeHeic size={30} />}
+          </Center>
+        </Grid.Col>
+        <Grid.Col span={10}>
+          <Text>{name}</Text>
+        </Grid.Col>
+      </Grid>
       <Group>
-        {extension == "pdf" && <BsFiletypePdf size={25} />}
-        {extension == "csv" && <BsFiletypeCsv size={25} />}
-        {extension == "png" && <BsFiletypePng size={25} />}
-        {extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={25} />}
-        {extension == "heic" && <BsFiletypeHeic size={25} />}
-        <Text>{name}</Text>
       </Group>
     </Box>
   );
diff --git a/src/module/user/member/ui/tab_list_member.tsx b/src/module/user/member/ui/tab_list_member.tsx
index fe9cdee..5f1681f 100644
--- a/src/module/user/member/ui/tab_list_member.tsx
+++ b/src/module/user/member/ui/tab_list_member.tsx
@@ -111,7 +111,7 @@ export default function TabListMember() {
                                        <Avatar src={`/api/file/img?cat=user&file=${v.img}`} size={50} alt="image" />
                                     </Box>
                                     <Box>
-                                       <Text fw={'bold'} c={WARNA.biruTua}>{_.startCase(v.name)}</Text>
+                                       <Text fw={'bold'} c={WARNA.biruTua} lineClamp={1}>{_.startCase(v.name)}</Text>
                                        <Text fw={'lighter'} fz={12}>{v.group + ' - ' + v.position}</Text>
                                     </Box>
                                  </Group>