diff --git a/src/frontend/src/components/loadingComponent/index.tsx b/src/frontend/src/components/loadingComponent/index.tsx
index 31e78d474..a1e406710 100644
--- a/src/frontend/src/components/loadingComponent/index.tsx
+++ b/src/frontend/src/components/loadingComponent/index.tsx
@@ -1,6 +1,4 @@
-type LoadingComponentProps = {
-  remSize: number;
-};
+import { LoadingComponentProps } from "../../types/components";
 
 export default function LoadingComponent({ remSize }: LoadingComponentProps) {
   return (
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index e21ca0da2..8a606bd8a 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -191,3 +191,7 @@ export type TooltipProps = {
   children: React.ReactNode;
   delayShow?: number;
 };
+
+export type LoadingComponentProps = {
+  remSize: number;
+};