diff --git a/src/app/submit/page.tsx b/src/app/submit/page.tsx
index 7d6eec7..701fb94 100644
--- a/src/app/submit/page.tsx
+++ b/src/app/submit/page.tsx
@@ -7,9 +7,5 @@ export default async function SubmitPage() {
 
 	if (!session) redirect("/login");
 
-	return (
-		<div className="flex justify-center">
-			<SubmitForm />
-		</div>
-	);
+	return <SubmitForm />;
 }
diff --git a/src/components/submit-form/index.tsx b/src/components/submit-form/index.tsx
index a788f1b..9937b63 100644
--- a/src/components/submit-form/index.tsx
+++ b/src/components/submit-form/index.tsx
@@ -23,9 +23,13 @@ import Carousel from "../carousel";
 export default function SubmitForm() {
 	const [files, setFiles] = useState<FileWithPath[]>([]);
 
-	const handleDrop = useCallback((acceptedFiles: FileWithPath[]) => {
-		setFiles((prev) => [...prev, ...acceptedFiles]);
-	}, []);
+	const handleDrop = useCallback(
+		(acceptedFiles: FileWithPath[]) => {
+			if (files.length >= 3) return;
+			setFiles((prev) => [...prev, ...acceptedFiles]);
+		},
+		[files.length]
+	);
 
 	const { getRootProps, getInputProps } = useDropzone({
 		onDrop: handleDrop,