diff --git a/app/writepost/page.tsx b/app/writepost/page.tsx
index 9f46c8a..ee5028c 100644
--- a/app/writepost/page.tsx
+++ b/app/writepost/page.tsx
@@ -140,11 +140,9 @@ export default function WritePost() {
                 fileList={files}
                 setFileList={setFiles}
                 className="flex flex-col gap-3"
-              ></ImageInputForm>
+              />
 
-              {errorMsg ? (
-                <div className="text-red-500 pb-4">{errorMsg}</div>
-              ) : null}
+              {errorMsg && <div className="text-red-500 pb-4">{errorMsg}</div>}
               <div className="grid grid-cols-2 gap-10 ">
                 <Link href="/feed" className="w-full">
                   <Button className="bg-white text-gray-700 w-full rounded-[2px] border">
diff --git a/components/imageInputForm.tsx b/components/imageInputForm.tsx
index c1e79c6..5a1e9b7 100644
--- a/components/imageInputForm.tsx
+++ b/components/imageInputForm.tsx
@@ -93,7 +93,7 @@ export default function ImageInputForm({
   console.log(fileList);
   return (
     <div
-      className={props.className}
+      {...props}
       onDrop={onDrop}
       onDragEnter={onDragEnter}
       onDragLeave={onDragLeave}