diff --git a/components/ui/infinite-moving-cards.tsx b/components/ui/infinite-moving-cards.tsx
index cce8f89..29d358f 100644
--- a/components/ui/infinite-moving-cards.tsx
+++ b/components/ui/infinite-moving-cards.tsx
@@ -89,7 +89,7 @@ export const InfiniteMovingCards = ({
       >
         {items.map((item, idx) => (
           <li
-            className="w-[350px] max-w-full relative rounded-full border border-b-0 flex-shrink-0 border-slate-700 px-8 py-2 md:w-fit bg-gradient-to-br from-[#111111] via-[#111111] to-black"           
+            className="w-[350px] max-w-full shadow dark:shadow-0 relative rounded-full dark:border  flex-shrink-0 border-slate-700 px-8 py-2 md:w-fit bg-gradient-to-br dark:from-[#111111] dark:via-[#111111] dark:to-black from-white via-white to-gray-100"           
             key={idx}
           >
             <blockquote>
@@ -98,7 +98,7 @@ export const InfiniteMovingCards = ({
                 className="user-select-none -z-1 pointer-events-none absolute -left-0.5 -top-0.5 h-[calc(100%_+_4px)] w-[calc(100%_+_4px)]"
               ></div>
               <div className=" relative z-20 text-sm leading-[1.6] text-gray-400 font-normal flex flex-row items-center">
-                <span className="mr-1 text-gray-100">{item.messages} messages </span> {item.role === "src" ? "have left" : "have arrived on"}
+                <span className="mr-1 text-gray-800 dark:text-gray-100 ">{item.messages} messages </span> {item.role === "src" ? "have left" : "have arrived on"}
                 <div className="flex flex-row items-center ml-2 space-x-2"> 
                   <Image className="w-4" src={`/chainlogos/${item.chain}.svg`} alt={item.chain} height={40} width={40}/>
                   <span className=" text-sm leading-[1.6] text-gray-400 font-normal">