diff --git a/src/pages/News.jsx b/src/pages/News.jsx
index b0c0e98..2ef82cc 100644
--- a/src/pages/News.jsx
+++ b/src/pages/News.jsx
@@ -39,10 +39,10 @@ function News() {
           (
             <div className="text-gray-900 min-h-screen">
               <Navbar />
-              <h1 className="text-3xl font-bold text-center mt-20 text-white p-6">
+              <h1 className="text-3xl font-bold text-center mt-10 mb-10 text-white p-6">
                 Trending Food and Health News
               </h1>
-              <main className="mt-24 p-4">
+              <main className="p-4 flex justify-center items-center">
                 <div className="container grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
                   {articles.map((article, index) => (
                     <NewsCard key={index} article={article} />