diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx
index 9a97da8117..8825de5f33 100644
--- a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx
+++ b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsCheckingUser.tsx
@@ -5,7 +5,7 @@ interface PointsCheckingUserProps {}
 
 export const PointsCheckingUser: FC<PointsCheckingUserProps> = ({}) => {
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>
diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx
index cef8667ee3..5d5ce23f58 100644
--- a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx
+++ b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsConnectWallet.tsx
@@ -7,7 +7,7 @@ interface PointsConnectWalletProps {}
 
 export const PointsConnectWallet: FC<PointsConnectWalletProps> = ({}) => {
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>
diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx
index 1dfff3eed7..8bef18d194 100644
--- a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx
+++ b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignIn.tsx
@@ -30,7 +30,7 @@ export const PointsSignIn: FC<PointsSignInProps> = ({}) => {
   }, [connection, useAuthTx, walletContextState]);
 
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>
diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx
index 5f92292d4b..b2a61daef9 100644
--- a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx
+++ b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsSignUp.tsx
@@ -46,7 +46,7 @@ export const PointsSignUp: FC<PointsSignUpProps> = ({ referralCode }) => {
   }, [connection, finalReferralCode, useAuthTx, walletContextState]);
 
   return (
-    <Card className="max-w-[800px] mx-auto w-full bg-[#131619] h-full h-24 rounded-xl" elevation={0}>
+    <Card className="max-w-[800px] mx-auto w-full bg-[#1A1F22] h-full h-24 rounded-xl" elevation={0}>
       <CardContent>
         <div className="w-full flex flex-col justify-evenly items-center p-2 text-base text-white font-aeonik font-[400] rounded-xl text-center">
           <div>
diff --git a/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx b/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx
index 4d7a5fea2c..f2cd799f0e 100644
--- a/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx
+++ b/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/MobilePortfolioOverview.tsx
@@ -26,7 +26,7 @@ export const MobilePortfolioOverview: FC = () => {
   }, [selectedAccount]);
 
   return (
-    <div className="max-w-[800px] mx-auto w-full bg-[#131619] rounded-xl px-6 flex flex-col gap-[10px] h-full">
+    <div className="max-w-[800px] mx-auto w-full bg-[#1A1F22] rounded-xl px-6 flex flex-col gap-[10px] h-full">
       <div className="font-aeonik font-normal flex items-center text-2xl text-white pb-2">Your overview</div>
       <div className="text-center mx-auto">
         <div className={`text-sm font-normal text-[#868E95] pb-[4px]`}>Health factor</div>
diff --git a/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx b/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx
index 7ced25402a..d591bf7eaa 100644
--- a/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx
+++ b/apps/marginfi-v2-ui/src/components/mobile/MobilePortfolioOverview/SemiCircleProgress.tsx
@@ -55,7 +55,7 @@ export const SemiCircleProgress = ({ amount }: Props) => {
       width: "180px",
       height: "90px",
       borderRadius: "90px",
-      backgroundColor: "#131619",
+      backgroundColor: "#1A1F22",
       top: "10px",
       marginLeft: "auto",
       marginRight: "auto",