diff --git a/ui/components/NewsPage.tsx b/ui/components/NewsPage.tsx
index 75edc0d..50a7215 100644
--- a/ui/components/NewsPage.tsx
+++ b/ui/components/NewsPage.tsx
@@ -60,24 +60,6 @@ const NewsPage = () => {
     if (news.length === 0) {
       return <p className="text-black/70 dark:text-white/70 text-sm text-center">No news available.</p>;
     }
-
-    // return (
-    //   <div className="flex flex-col pt-16 lg:pt-24">
-    //     {news.map(item => (
-    //       <div
-    //         key={item.id}
-    //         className="flex flex-col space-y-4 border-b border-white-200 dark:border-dark-200 py-6 lg:mx-4"
-    //       >
-    //         <Link href={`/news/${item.id}`} className="cursor-pointer">
-    //           <h3 className="text-black dark:text-white lg:text-xl font-medium hover:underline">{item.title}</h3>
-    //           <p className="text-black/70 dark:text-white/70 text-sm hover:text-black dark:hover:text-white">
-    //             {item.summary}
-    //           </p>
-    //         </Link>
-    //       </div>
-    //     ))}
-    //   </div>
-    // );
     return (
       <div className="flex flex-col pt-16 lg:pt-24">
         {news.map(item => (
@@ -89,7 +71,7 @@ const NewsPage = () => {
             <Link href={`/news/${item.id}`} className="cursor-pointer md:flex flex-row">
               <img src={item.image} alt={item.title} className="w-full h-48 md:h-32 object-cover rounded-lg md:w-32" />
               <div className="flex flex-col space-y-5 ml-4">
-                <h3 className="text-black dark:text-white lg:text-xl font-medium hover:underline">{item.title}</h3>
+                <h3 className="text-black dark:text-white md:text-xl font-medium hover:underline">{item.title}</h3>
                 <p className="text-black/70 dark:text-white/70 text-sm hover:text-black dark:hover:text-white">
                   {item.summary}
                 </p>