diff --git a/daily-thought-frontend/src/pages/index.tsx b/daily-thought-frontend/src/pages/index.tsx
index 9a80770a1f57a36c16c0443898285e43da1a0277..2da803c241723126224226b4bc11cd65a0d200d5 100644
--- a/daily-thought-frontend/src/pages/index.tsx
+++ b/daily-thought-frontend/src/pages/index.tsx
@@ -1,7 +1,8 @@
 import Head from 'next/head'
 import Image from 'next/image'
 import { Inter } from 'next/font/google'
-import Test from './test'
+import styles from '../styles/Home.module.css'
+
 
 
 const inter = Inter({ subsets: ['latin'] })
@@ -15,8 +16,8 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main>
-        <Test />
+      <main className={styles.home}>
+ 
       </main>
     </>
   )