diff --git a/components/organisms/Footer/footer.tsx b/components/organisms/Footer/footer.tsx
index 61c2f949c3..35e12e2d64 100644
--- a/components/organisms/Footer/footer.tsx
+++ b/components/organisms/Footer/footer.tsx
@@ -59,7 +59,7 @@ const footerContext = [
 
 const Footer = (): JSX.Element => {
   return (
-    <footer className=" h-24 w-full bg-light-slate-2 transition">
+    <footer className="h-24 w-full transition">
       <div className=" container mx-auto px-2 md:px-16  lg:border-t lg:py-8 lg:items-center lg:justify-between lg:gap-x-4 flex flex-col gap-y-4 lg:flex-row py-2 w-full">
         <div className="text-center lg:text-left justify-center gap-1 flex items-center">
           <div className="w-6 h-6 relative !min-w-[24px] min-h-[24px]">
diff --git a/styles/globals.css b/styles/globals.css
index 393f38204a..db039ab686 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -5,6 +5,9 @@
 * {
   font-weight: 500;
 }
+body {
+  background-color: #f8f9fa;
+}
 .login-step .sbui-btn-container {
   width: 100%;
 }