diff --git a/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx b/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
index 4ba5dfc..016674c 100644
--- a/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
+++ b/src/pages/members/kyc-delete-member/blocks/DetailDialog.tsx
@@ -1,9 +1,9 @@
 import {
-    Dialog,
-    DialogBody,
-    DialogContent,
-    DialogHeader,
-    DialogTitle
+	Dialog,
+	DialogBody,
+	DialogContent,
+	DialogHeader,
+	DialogTitle
 } from '@/components/ui/dialog';
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
@@ -13,11 +13,11 @@ import axios from 'axios';
 
 const API_URL = apiConfig.service_customer;
 const DetailDialog = () => {
-  const { showDetailDialog, setShowDetailDialog, detailKyc, handleApproveReject } = useManageKycDeletionContext();
-	
-  return (
+	const { showDetailDialog, setShowDetailDialog, detailKyc, handleApproveReject } = useManageKycDeletionContext();
+
+	return (
 		<Dialog open={showDetailDialog} onOpenChange={setShowDetailDialog}>
-			<DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden">
+			<DialogContent className="container-fixed max-w-[1024px] flex flex-col p-5 overflow-hidden max-h-[90vh] overflow-y-auto">
 				<DialogHeader>
 					<DialogTitle>Customer Deletion Details </DialogTitle>
 				</DialogHeader>
@@ -38,9 +38,9 @@ const DetailDialog = () => {
 
 							<div className="flex justify-end gap-2 mt-3">
 								<Button type="button" variant="outline" onClick={() => setShowDetailDialog(false)}>Cancel</Button>
-								<Button onClick={()=>handleApproveReject(detailKyc.id, 'N')} variant="destructive" color="warning">Reject</Button>
-								<Button onClick={()=>handleApproveReject(detailKyc.id, 'Y')} variant="default" color="primary">Approve</Button>
-						</div>
+								<Button onClick={() => handleApproveReject(detailKyc.id, 'N')} variant="destructive" color="warning">Reject</Button>
+								<Button onClick={() => handleApproveReject(detailKyc.id, 'Y')} variant="default" color="primary">Approve</Button>
+							</div>
 						</div>
 					) : (<div></div>)}
 				</DialogBody>
@@ -51,28 +51,28 @@ const DetailDialog = () => {
 
 export default DetailDialog;
 
-function generateInput(formData:any, handleChange:any, label:string, name:string, type: string, required: boolean, disabled: boolean) {
+function generateInput(formData: any, handleChange: any, label: string, name: string, type: string, required: boolean, disabled: boolean) {
 	function generateDate(isoString: string) {
-			return isoString.slice(0, 10); // "2000-01-18"
+		return isoString.slice(0, 10); // "2000-01-18"
 	}
 
 	type Code = 'W' | 'Y' | 'N' | 'T' | 'P' | 'D' | 'L';
 	interface Reason {
 		label: string;
 	}
-	
+
 	const statusMap: Record<Code, Reason> = {
-		W: {label: 'Waiting Approval'},
-		Y: {label: 'Approve'},
-		N: {label: 'Reject'},
-		T: {label: 'Tidak lagi menggunakan layanan'},
-		P: {label: 'Privasi dan keamanan'},
-		D: {label: 'Akun ganda'},
-		L: {label: 'Lainnya'}
+		W: { label: 'Waiting Approval' },
+		Y: { label: 'Approve' },
+		N: { label: 'Reject' },
+		T: { label: 'Tidak lagi menggunakan layanan' },
+		P: { label: 'Privasi dan keamanan' },
+		D: { label: 'Akun ganda' },
+		L: { label: 'Lainnya' }
 	};
 	if (name == 'reason_deletion' || name == 'status_approve') {
 		const status = formData[name] as Code
-		const fixStatus = statusMap[status] ?? {label: formData[name]}
+		const fixStatus = statusMap[status] ?? { label: formData[name] }
 		formData[name] = fixStatus.label
 	}
 	return (
@@ -80,15 +80,15 @@ function generateInput(formData:any, handleChange:any, label:string, name:string
 			<div className="w-full mt-5">
 				<div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
 					<label className="form-label flex items-center gap-1 max-w-56">
-						{label}<span className="text-red-500">{required?"*":""}</span>
-				</label>
-				<Input
+						{label}<span className="text-red-500">{required ? "*" : ""}</span>
+					</label>
+					<Input
 						className="input"
 						readOnly={disabled}
 						required={required}
 						type={type}
 						name={name}
-						value={formData[name]?(type === 'date' ? generateDate(formData[name]) : formData[name]):""}
+						value={formData[name] ? (type === 'date' ? generateDate(formData[name]) : formData[name]) : ""}
 						onChange={handleChange}
 					/>
 				</div>