diff --git a/apps/connect/src/components/atoms/Background.tsx b/apps/connect/src/components/atoms/Background.tsx
index 49fd3a5f4..9062006e1 100644
--- a/apps/connect/src/components/atoms/Background.tsx
+++ b/apps/connect/src/components/atoms/Background.tsx
@@ -1,5 +1,6 @@
 import styled from "@mui/material/styles/styled";
 
+/*
 const GradientRight = styled("div")(({ theme }) => ({
   position: "absolute",
   top: "72px",
@@ -62,8 +63,10 @@ const GradientLeftBottom = styled("div")(({ theme }) => ({
     display: "none",
   },
 }));
+*/
 
 const Container = styled("div")(() => ({
+  color: "#0A0629",
   display: "flex",
   flexDirection: "column",
   minHeight: "100vh",
@@ -79,10 +82,6 @@ export default function Background({
   return (
     <Container>
       {children}
-      <GradientRight />
-      <GradientRightBottom />
-      <GradientLeft />
-      <GradientLeftBottom />
     </Container>
   );
 }
diff --git a/apps/connect/src/theme/portal.ts b/apps/connect/src/theme/portal.ts
index bea68effe..1908b5b10 100644
--- a/apps/connect/src/theme/portal.ts
+++ b/apps/connect/src/theme/portal.ts
@@ -1,7 +1,6 @@
 import createTheme from "@mui/material/styles/createTheme";
 import responsiveFontSizes from "@mui/material/styles/responsiveFontSizes";
 import font from '../assets/fonts/SuisseBPIntlBold.woff2';
-import bg from '../assets/imgs/bg.svg';
 
 const suisse = {
     fontFamily: "Suisse BP Intl",
@@ -78,7 +77,6 @@ const theme = responsiveFontSizes(createTheme({
                 "@font-face": [suisse],
                 body: {
                     overscrollBehaviorY: "none",
-                    backgroundImage: `url(${bg})`,
                     backgroundPosition: "top center",
                     backgroundRepeat: "repeat-y",
                     backgroundSize: "120%",