diff --git a/app/components/FlipWords.tsx b/app/components/FlipWords.tsx
index 5f22714e8..533a80a32 100644
--- a/app/components/FlipWords.tsx
+++ b/app/components/FlipWords.tsx
@@ -6,7 +6,7 @@ export function FlipWordsDemo() {
 
   return (
     <div className="h-[40rem] flex justify-center items-center px-4">
-      <div className="sm:text-4xl text-xl mx-auto font-normal text-neutral-600 dark:text-neutral-400">
+      <div className="sm:text-4xl text-xl mx-auto font-normal  dark:text-white">
         Build
         <FlipWords words={words} /> <br />
         websites with Aceternity UI
diff --git a/app/components/ui/flip-words.tsx b/app/components/ui/flip-words.tsx
index 4e32dc8b9..e9d7fea99 100644
--- a/app/components/ui/flip-words.tsx
+++ b/app/components/ui/flip-words.tsx
@@ -60,7 +60,7 @@ export const FlipWords = ({
           position: "absolute",
         }}
         className={cn(
-          "z-10 inline-block relative text-left text-neutral-900 dark:text-white px-2",
+          "z-10 inline-block relative text-left dark:text-white px-2",
           className,
         )}
         key={currentWord}
diff --git a/app/page.tsx b/app/page.tsx
index 589632fa6..38d88ee96 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,7 +7,7 @@ import { LampDemo } from "./components/lampBar";
 
 export default function Home() {
   return (
-    <main className="antialiased dark:bg-white overflow-hidden">
+    <main className="antialiased overflow-hidden">
       <AuroraBackgroundDemo />
       <div className="overflow-hidden h-screen">
         <FlipWordsDemo />