diff --git a/src/app/api/version-app/route.ts b/src/app/api/version-app/route.ts
index 789cbbd..80e9de8 100644
--- a/src/app/api/version-app/route.ts
+++ b/src/app/api/version-app/route.ts
@@ -2,7 +2,7 @@ import { NextResponse } from "next/server";
 
 export async function GET(request: Request) {
    try {
-      return NextResponse.json({ success: true, version: "0.1.7", mode: "staging" }, { status: 200 });
+      return NextResponse.json({ success: true, version: "0.1.8", mode: "staging" }, { status: 200 });
    } catch (error) {
       console.error(error);
       return NextResponse.json({ success: false, version: "Gagal mendapatkan version, coba lagi nanti (error: 500)", reason: (error as Error).message, }, { status: 500 });
diff --git a/src/module/_global/components/skeleton_detail_list_tugas_task.tsx b/src/module/_global/components/skeleton_detail_list_tugas_task.tsx
index a72af80..2eacaab 100644
--- a/src/module/_global/components/skeleton_detail_list_tugas_task.tsx
+++ b/src/module/_global/components/skeleton_detail_list_tugas_task.tsx
@@ -1,10 +1,6 @@
-import { useHookstate } from '@hookstate/core';
 import { Box, Center, Grid, Group, SimpleGrid, Skeleton } from '@mantine/core';
-import React from 'react';
-import { TEMA } from '../bin/val_global';
 
 export default function SkeletonDetailListTugasTask() {
-  const tema = useHookstate(TEMA)
   return (
     <Box>
       <Skeleton width={30} height={30} radius={"md"} />
@@ -17,7 +13,7 @@ export default function SkeletonDetailListTugasTask() {
           <Box
             style={{
               borderRadius: 10,
-              border: `1px solid ${tema.get().bgTotalKegiatan}`,
+              border: `1px solid ${"#D6D8F6"}`,
               padding: 10,
             }}
           >
@@ -36,7 +32,7 @@ export default function SkeletonDetailListTugasTask() {
                   h={45}
                   style={{
                     borderRadius: 10,
-                    border: `1px solid ${tema.get().bgTotalKegiatan}`,
+                    border: `1px solid ${"#D6D8F6"}`,
                   }}
                 >
                   <Skeleton ml={5} width={"80%"} height={20} radius={"md"} />
@@ -50,7 +46,7 @@ export default function SkeletonDetailListTugasTask() {
                   h={45}
                   style={{
                     borderRadius: 10,
-                    border: `1px solid ${tema.get().bgTotalKegiatan}`,
+                    border: `1px solid ${"#D6D8F6"}`,
                   }}
                 >
                   <Skeleton ml={5} width={"80%"} height={20} radius={"md"} />
diff --git a/src/module/position/ui/drawer_list_position.tsx b/src/module/position/ui/drawer_list_position.tsx
index 100de23..ccb8cdc 100644
--- a/src/module/position/ui/drawer_list_position.tsx
+++ b/src/module/position/ui/drawer_list_position.tsx
@@ -169,7 +169,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
                      }
                      size="md"
                      radius={10}
-                     mb={5}
+                     mb={15}
                      withAsterisk
                      onChange={(e: any) => { onValidation('idGroup', e) }}
                      styles={{
@@ -195,7 +195,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
                         borderColor: tema.get().utama,
                      },
                   }}
-                  my={15}
+                  mb={15}
                   size="md"
                   onChange={(e) => { onValidation('name', e.target.value) }}
                   radius={10}
diff --git a/src/module/task/ui/detail_list_tugas_task.tsx b/src/module/task/ui/detail_list_tugas_task.tsx
index f3586b4..1ea4fef 100644
--- a/src/module/task/ui/detail_list_tugas_task.tsx
+++ b/src/module/task/ui/detail_list_tugas_task.tsx
@@ -157,7 +157,7 @@ export default function ListTugasDetailTask() {
                      </Box>
                   </>
                   :
-                  isData.length === 0 ? <Text c={"dimmed"} ta={"center"} fs={"italic"}>Tidak ada tugas</Text> :
+                  isData.length === 0 ? <Text c={"dimmed"} ta={"center"} fs={"italic"} py={20}>Tidak ada tugas</Text> :
                      isData.map((item, index) => {
                         return (
                            <Box key={index}>