diff --git a/src/frontend/src/modals/baseModal/index.tsx b/src/frontend/src/modals/baseModal/index.tsx
index 4b135383c..d670546ac 100644
--- a/src/frontend/src/modals/baseModal/index.tsx
+++ b/src/frontend/src/modals/baseModal/index.tsx
@@ -10,9 +10,7 @@ import {
   DialogTrigger,
 } from "../../components/ui/dialog";
 import { PopUpContext } from "../../contexts/popUpContext";
-
-type ContentProps = { children: ReactNode };
-type HeaderProps = { children: ReactNode; description: string };
+import { ContentProps, HeaderProps } from "../../types/components";
 
 const Content: React.FC<ContentProps> = ({ children }) => {
   return <div className="h-full w-full">{children}</div>;
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 8a606bd8a..555a0d1b0 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -2,6 +2,7 @@ import { ReactElement, ReactNode } from "react";
 import { APIClassType } from "../api";
 import { NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
+
 export type InputComponentType = {
   value: string;
   disabled?: boolean;
@@ -195,3 +196,6 @@ export type TooltipProps = {
 export type LoadingComponentProps = {
   remSize: number;
 };
+
+export type ContentProps = { children: ReactNode };
+export type HeaderProps = { children: ReactNode; description: string };