diff --git a/src/app/submission/create.tsx b/src/app/submission/create.tsx
index 0c4dd7c..e5dec5b 100644
--- a/src/app/submission/create.tsx
+++ b/src/app/submission/create.tsx
@@ -8,10 +8,12 @@ import { Pub, Response, Story } from "@prisma/client";
 import SubmissionForm from "app/ui/forms/sub";
 import { Plus } from "lucide-react";
 import { useState } from "react";
+import { StoryWithGenres } from "app/story/page";
+import { PubWithGenres } from "app/publication/page";
 
 
 
-export default function CreateSubmissionDialog({ stories, pubs, responses }: ComponentProps<"div"> & { stories: Story[], pubs: Pub[], responses: Response[] }) {
+export default function CreateSubmissionDialog({ stories, pubs, responses }: ComponentProps<"div"> & { stories: StoryWithGenres[], pubs: PubWithGenres[], responses: Response[] }) {
 
   const [isOpen, setIsOpen] = useState(false)
   function closeDialog() {
diff --git a/src/app/submission/create/page.tsx b/src/app/submission/create/page.tsx
deleted file mode 100644
index fb5bfa8..0000000
--- a/src/app/submission/create/page.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use server"
-import { getPubs, getResponses, getStories } from "app/lib/get";
-import SubmissionForm from "app/ui/forms/sub";
-import prisma from "app/lib/db";
-import { CreateContainer, CreateContainerContent, CreateContainerHeader } from "app/ui/createContainer";
-import { revalidatePath } from "next/cache";
-import { redirect } from "next/navigation";
-
-export default async function Page() {
-	const stories = await getStories()
-	const pubs = await getPubs()
-	const responses = await getResponses()
-
-	return (
-		<CreateContainer>
-			<CreateContainerHeader>New submission</CreateContainerHeader>
-			<CreateContainerContent>
-				<SubmissionForm stories={stories} pubs={pubs} responses={responses} />
-			</CreateContainerContent>
-		</CreateContainer>
-	)
-}
diff --git a/src/app/submission/page.tsx b/src/app/submission/page.tsx
index b9c6200..960c679 100644
--- a/src/app/submission/page.tsx
+++ b/src/app/submission/page.tsx
@@ -4,6 +4,7 @@ import { columns } from "./columns"
 import { Genre, Pub, Response, Story, Sub } from "@prisma/client"
 import CreateSubmissionDialog from "./create"
 import { PubWithGenres } from "app/publication/page"
+import { StoryWithGenres } from "app/story/page"
 
 export type SubComplete = Sub & {
   pub: Pub,
@@ -13,7 +14,7 @@ export type SubComplete = Sub & {
 export default async function Page() {
 
   const subs: Array<SubComplete> = await getSubsComplete()
-  const stories: Story[] = await getStoriesWithGenres()
+  const stories: StoryWithGenres[] = await getStoriesWithGenres()
   const pubs: PubWithGenres[] = await getPubsWithGenres()
   const responses: Response[] = await getResponses()
   const genres: Genre[] = await getGenres()