diff --git a/components/modal/approval-history-modal.tsx b/components/modal/approval-history-modal.tsx
index 86dace9..9ccc4dd 100644
--- a/components/modal/approval-history-modal.tsx
+++ b/components/modal/approval-history-modal.tsx
@@ -6,7 +6,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../ui/dialog";
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+// import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { getDataApprovalHistory } from "@/service/curated-content/curated-content";
 import { ChevronRightIcon } from "lucide-react";
 
@@ -35,9 +35,9 @@ export default function ApprovalHistoryModal(props: { id: number }) {
       </DialogTrigger>
       <DialogContent className="px-1 lg:px-4">
         <DialogHeader>
-          <VisuallyHidden>
+          {/* <VisuallyHidden> */}
             <DialogTitle>Riwayat Approval</DialogTitle>
-          </VisuallyHidden>
+          {/* </VisuallyHidden> */}
         </DialogHeader>
 
         <div className="grid grid-cols-2 md:grid-cols-6 font-light text-sm">