diff --git a/web/apps/payments/src/components/Spinner.tsx b/web/apps/payments/src/components/Spinner.tsx
deleted file mode 100644
index 2b4872696..000000000
--- a/web/apps/payments/src/components/Spinner.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import React from "react";
-
-export const Spinner: React.FC = () => {
-    return <div className="loading-spinner"></div>;
-};
diff --git a/web/apps/payments/src/pages/index.tsx b/web/apps/payments/src/pages/index.tsx
index eef49fb7c..61529e52b 100644
--- a/web/apps/payments/src/pages/index.tsx
+++ b/web/apps/payments/src/pages/index.tsx
@@ -1,5 +1,4 @@
 import { Container } from "components/Container";
-import { Spinner } from "components/Spinner";
 import React, { useEffect } from "react";
 import { parseAndHandleRequest } from "services/billing-service";
 import S from "utils/strings";
@@ -17,3 +16,5 @@ const Page: React.FC = () => {
 };
 
 export default Page;
+
+const Spinner: React.FC = () => <div className="loading-spinner"></div>;