diff --git a/components/ui/animations/container-scroll-animation.tsx b/components/ui/animations/container-scroll-animation.tsx
index 88c43f8..c7fb348 100644
--- a/components/ui/animations/container-scroll-animation.tsx
+++ b/components/ui/animations/container-scroll-animation.tsx
@@ -92,7 +92,7 @@ export const Card = ({ rotate, scale, children }: CardProps) => {
       }}
       className="max-w-5xl -mt-12 mx-auto w-full border-4 border-[#6C6C6C] p-2 md:p-6 bg-[#222222] rounded-[30px] shadow-2xl"
     >
-      <div className="h-full w-full overflow-hidden rounded-2xl bg-gray-100 dark:bg-zinc-900 md:rounded-2xl">
+      <div className="h-full w-full overflow-hidden rounded-2xl bg-[#09090b] md:rounded-2xl">
         {children}
       </div>
     </motion.div>