diff --git a/app/(application)/announcement/[id].tsx b/app/(application)/announcement/[id].tsx
index 1c62559..c6db8c2 100644
--- a/app/(application)/announcement/[id].tsx
+++ b/app/(application)/announcement/[id].tsx
@@ -252,7 +252,7 @@ export default function DetailAnnouncement() {
                         {dataFile.map((item, index) => (
                            <BorderBottomItem
                               key={`${item.id}-${index}`}
-                              borderType="bottom"
+                              borderType={index === dataFile.length - 1 ? 'none' : 'bottom'}
                               icon={<MaterialCommunityIcons
                                  name={isImageFile(item.extension) ? "file-image-outline" : "file-document-outline"}
                                  size={25}
diff --git a/app/(application)/announcement/create.tsx b/app/(application)/announcement/create.tsx
index 98c5a3b..3114d06 100644
--- a/app/(application)/announcement/create.tsx
+++ b/app/(application)/announcement/create.tsx
@@ -78,7 +78,6 @@ export default function CreateAnnouncement() {
    async function handleCreate() {
       try {
          setLoading(true)
-         console.log('jalan')
          const hasil = await decryptToken(String(token?.current))
          const fd = new FormData()
 
@@ -91,7 +90,7 @@ export default function CreateAnnouncement() {
          }
 
          fd.append("data", JSON.stringify(
-            { user: 'apaya', groups: divisionMember, ...dataForm }
+            { user: hasil, groups: divisionMember, ...dataForm }
          ))
 
          const response = await apiCreateAnnouncement(fd)
diff --git a/app/(application)/division/index.tsx b/app/(application)/division/index.tsx
index f0c2c97..5537d86 100644
--- a/app/(application)/division/index.tsx
+++ b/app/(application)/division/index.tsx
@@ -241,7 +241,6 @@ export default function ListDivision() {
                                           </View>
                                        }
                                        title={item.name}
-                                       titleWeight="normal"
                                     />
                                  )
                               }}
diff --git a/app/(application)/project/index.tsx b/app/(application)/project/index.tsx
index a923c9d..b23639e 100644
--- a/app/(application)/project/index.tsx
+++ b/app/(application)/project/index.tsx
@@ -319,6 +319,7 @@ export default function ListProject() {
                                        content="page"
                                        title={item.title}
                                        headerColor="primary"
+                                       titleTail={2}
                                     >
                                        <ProgressBar value={item.progress} category="list" />
                                        <View style={[Styles.rowSpaceBetween]}>
diff --git a/components/AppHeader.tsx b/components/AppHeader.tsx
index eba9a76..86c78cb 100644
--- a/components/AppHeader.tsx
+++ b/components/AppHeader.tsx
@@ -1,6 +1,5 @@
 import Styles from '@/constants/Styles';
 import { useTheme } from "@/providers/ThemeProvider";
-import { useRouter } from 'expo-router';
 import { Platform, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import ButtonBackHeader from './buttonBackHeader';
@@ -15,13 +14,12 @@ type Props = {
 
 export default function AppHeader({ title, right, showBack = true, onPressLeft, left }: Props) {
   const insets = useSafeAreaInsets();
-  const router = useRouter();
   const { colors } = useTheme();
 
   return (
     <View style={[Styles.headerContainer, Platform.OS === 'ios' ? Styles.pb05 : Styles.pb13, { backgroundColor: colors.header, paddingTop: Platform.OS === 'ios' ? insets.top : 10 }]}>
       <View style={Styles.headerApp}>
-        <View style={[Styles.rowItemsCenter]}>
+        <View style={[Styles.rowItemsCenter, Styles.flex1]}>
           {showBack ? (
             <ButtonBackHeader onPress={onPressLeft} />
           ) :
@@ -30,7 +28,9 @@ export default function AppHeader({ title, right, showBack = true, onPressLeft,
                 <View style={Styles.headerSide} />
               )}
 
-          <Text style={[Styles.headerTitle, Styles.ml05]}>{title}</Text>
+          <Text style={[Styles.headerTitle, Styles.ml05, Styles.flex1, Styles.mr10]} numberOfLines={1} ellipsizeMode="tail">
+            {title ? title.charAt(0).toUpperCase() + title.slice(1) : ""}
+          </Text>
         </View>
         <View style={Styles.headerSide}>{right}</View>
       </View>
diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx
index c1f5926..2fa195a 100644
--- a/components/borderBottomItem.tsx
+++ b/components/borderBottomItem.tsx
@@ -48,7 +48,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
             {icon}
             <View style={[Styles.rowSpaceBetween, Styles.flex1]}>
                <View style={[Styles.ml10, Styles.flex1, Styles.mr10]}>
-                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColorFix }]} numberOfLines={titleShowAll ? 0 : 1} ellipsizeMode='tail'>{title}</Text>
+                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColorFix }]} numberOfLines={titleShowAll ? 0 : 1} ellipsizeMode='tail'>{title ? title.charAt(0).toUpperCase() + title.slice(1) : ""}</Text>
                   {
                      subtitle &&
                         typeof subtitle == "string"
diff --git a/components/discussionItem.tsx b/components/discussionItem.tsx
index a572f5b..921500a 100644
--- a/components/discussionItem.tsx
+++ b/components/discussionItem.tsx
@@ -18,7 +18,7 @@ export default function DiscussionItem({ title, user, date, onPress }: Props) {
          <View style={[Styles.rowItemsCenter, Styles.mb10]}>
             <Ionicons name="chatbox-ellipses-outline" size={22} color={colors.text} style={Styles.mr10} />
             <View style={[{ flex: 1 }]}>
-               <Text style={{ fontWeight: 'bold' }} numberOfLines={1} ellipsizeMode="tail">{title}</Text>
+               <Text style={{ fontWeight: 'bold' }} numberOfLines={1} ellipsizeMode="tail">{title?.charAt(0).toUpperCase() + title?.slice(1)}</Text>
             </View>
          </View>
          <View style={[Styles.rowSpaceBetween]}>
diff --git a/components/document/itemFile.tsx b/components/document/itemFile.tsx
index 7515c23..18eb0ed 100644
--- a/components/document/itemFile.tsx
+++ b/components/document/itemFile.tsx
@@ -18,7 +18,7 @@ type Props = {
 export default function ItemFile({ category, checked, dateTime, title, onChecked, onPress, canChecked }: Props) {
    const { colors } = useTheme();
    return (
-      <View style={[Styles.wrapItemBorderBottom, { borderColor: colors.background }]}>
+      <View style={[Styles.wrapItemBorderBottom, { borderColor: colors.icon + '20' }]}>
          <View style={[Styles.rowItemsCenter]}>
             <Pressable onPress={onPress}>
                {
@@ -56,8 +56,8 @@ export default function ItemFile({ category, checked, dateTime, title, onChecked
                      <Pressable onPress={onChecked}>
                         {
                            checked
-                              ? <MaterialCommunityIcons name="checkbox-marked-circle" size={25} color={colors.text} />
-                              : <MaterialCommunityIcons name="checkbox-blank-circle-outline" size={25} color={colors.icon} />
+                              ? <MaterialCommunityIcons name="checkbox-marked-circle" size={25} color={colors.icon} />
+                              : <MaterialCommunityIcons name="checkbox-blank-circle-outline" size={25} color={colors.icon + '90'} />
                         }
 
                      </Pressable>
diff --git a/components/home/divisionHome.tsx b/components/home/divisionHome.tsx
index 2dd955a..137509a 100644
--- a/components/home/divisionHome.tsx
+++ b/components/home/divisionHome.tsx
@@ -63,7 +63,7 @@ export default function DivisionHome({ refreshing }: { refreshing: boolean }) {
                      <Pressable style={[Styles.wrapPaper, Styles.mb05, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]} key={index} onPress={() => { router.push(`/division/${item.id}`) }}>
                         <View style={[Styles.rowSpaceBetween, { alignItems: 'center' }]}>
                            <View>
-                              <Text style={[Styles.textDefaultSemiBold]}>{item.name}</Text>
+                              <Text style={[Styles.textDefaultSemiBold]}>{item.name?.charAt(0).toUpperCase() + item.name?.slice(1)}</Text>
                               <Text style={[Styles.textDefault]}>{item.jumlah} Kegiatan</Text>
                            </View>
                            <Feather name="chevron-right" size={20} color={colors.text} />
diff --git a/components/paperGridContent.tsx b/components/paperGridContent.tsx
index 0efe6b8..2cf166d 100644
--- a/components/paperGridContent.tsx
+++ b/components/paperGridContent.tsx
@@ -35,7 +35,7 @@ export default function PaperGridContent({ content, children, title, headerColor
                      imageStyle={{ borderTopLeftRadius: 5, borderTopRightRadius: 5 }}
                      style={[Styles.headerPaperGrid, { backgroundColor: colors.primary }]}
                   >
-                     <Text numberOfLines={titleTail ? titleTail : undefined} style={[Styles.textSubtitle, Styles.cWhite, { textAlign: 'center' }]}>{title}</Text>
+                     <Text numberOfLines={titleTail ? titleTail : undefined} style={[Styles.textSubtitle, Styles.cWhite, { textAlign: 'center' }]}>{title.charAt(0).toUpperCase() + title.slice(1)}</Text>
                   </ImageBackground>
                )
             }