diff --git a/web/apps/payments/src/components/Container.tsx b/web/apps/payments/src/components/Container.tsx
index 33ab44a6b..da03388ea 100644
--- a/web/apps/payments/src/components/Container.tsx
+++ b/web/apps/payments/src/components/Container.tsx
@@ -1,9 +1,5 @@
-import styled from "@emotion/styled";
+import * as React from "react";
 
-export const Container = styled.div`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-`;
+export const Container: React.FC<React.PropsWithChildren> = ({ children }) => (
+    <div className="container">{children}</div>
+);
diff --git a/web/apps/payments/src/components/EnteSpinner.tsx b/web/apps/payments/src/components/Spinner.tsx
similarity index 100%
rename from web/apps/payments/src/components/EnteSpinner.tsx
rename to web/apps/payments/src/components/Spinner.tsx
diff --git a/web/apps/payments/src/pages/desktop-redirect.tsx b/web/apps/payments/src/pages/desktop-redirect.tsx
index 2bccc7a0a..89df55bb6 100644
--- a/web/apps/payments/src/pages/desktop-redirect.tsx
+++ b/web/apps/payments/src/pages/desktop-redirect.tsx
@@ -1,5 +1,5 @@
 import { Container } from "components/Container";
-import { EnteSpinner } from "components/EnteSpinner";
+import { Spinner } from "components/Spinner";
 import * as React from "react";
 
 export default function DesktopRedirect() {
@@ -12,7 +12,7 @@ export default function DesktopRedirect() {
 
     return (
         <Container>
-            <EnteSpinner />
+            <Spinner />
         </Container>
     );
 }
diff --git a/web/apps/payments/src/pages/index.tsx b/web/apps/payments/src/pages/index.tsx
index 93535f9c5..64c8b96a7 100644
--- a/web/apps/payments/src/pages/index.tsx
+++ b/web/apps/payments/src/pages/index.tsx
@@ -1,5 +1,5 @@
 import { Container } from "components/Container";
-import { Spinner } from "components/EnteSpinner";
+import { Spinner } from "components/Spinner";
 import * as React from "react";
 import { parseAndHandleRequest } from "services/billingService";
 import { CUSTOM_ERROR } from "utils/error";
diff --git a/web/apps/payments/src/styles/globals.css b/web/apps/payments/src/styles/globals.css
index e75d7598d..c1a7f539d 100644
--- a/web/apps/payments/src/styles/globals.css
+++ b/web/apps/payments/src/styles/globals.css
@@ -21,6 +21,14 @@ body {
     flex-direction: column;
 }
 
+.container {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
 .loading-spinner {
     color: #28a745;
     width: 2rem;