diff --git a/app/components/list/NewsList.tsx b/app/components/list/NewsList.tsx
index 0f74f38..6e3f68c 100644
--- a/app/components/list/NewsList.tsx
+++ b/app/components/list/NewsList.tsx
@@ -26,7 +26,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
 const NewsList: React.FC = () => {
   return (
     <div>
-      <ul className="flex flex-col justify-center items-center h-screen">
+      <ul className="flex flex-col  items-center h-screen">
         {mockNewsData.map((news) => (
           <NewsItem  title={news.title} time={news.time} url={news.url} />
         ))}
diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index 743cbbd..78916a2 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -1,7 +1,8 @@
 import { CarouselDemo } from "@/components/untils/Carousel";
 import type { Route } from "./+types/news";
-
-
+import NewsList  from "@/components/list/NewsList";
+import {Header} from "@/components/header/Header";
+import {TopNav} from "@/components/header/TopNav";
 export function meta( ) {
   return [
     { title: "New React Router App" },
@@ -10,5 +11,12 @@ export function meta( ) {
 }
 
 export default function Home() {
-  return <CarouselDemo />;
+  return (
+  <>
+   <Header />
+    <TopNav />
+    <CarouselDemo />
+   <NewsList />
+   </>)
+  ;
 }