diff --git a/app/layouts/admin/form-upload.tsx b/app/layouts/admin/form-upload.tsx
index 3ee6801..425e6c7 100644
--- a/app/layouts/admin/form-upload.tsx
+++ b/app/layouts/admin/form-upload.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@headlessui/react'
+import { Button, Input } from '@headlessui/react'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useEffect, useState, type ChangeEvent } from 'react'
 import { useFetcher } from 'react-router'
@@ -96,10 +96,11 @@ export const FormUpload = () => {
         {error && (
           <div className="text-sm text-red-500 capitalize">{error}</div>
         )}
-        <input
+        <Input
           type="file"
           id="input-file-upload"
           accept="image/*"
+          className="h-[42px] w-full cursor-pointer rounded-md border border-[#DFDFDF] p-2"
           onChange={handleChange}
         />
         <input