diff --git a/frontend/components/NewsSection.tsx b/frontend/components/NewsSection.tsx
index 7256f0f..72b20a7 100644
--- a/frontend/components/NewsSection.tsx
+++ b/frontend/components/NewsSection.tsx
@@ -1,11 +1,12 @@
 import React from "react";
-import { Box, Flex, Text, Heading, VStack, Link } from "@chakra-ui/react";
+import { Box, Flex, Text, Heading, VStack } from "@chakra-ui/react";
 import { useQuery } from "react-query";
 import { API_URL } from "@/app/config";
 import axios from "axios";
 import { useEffect, useState } from "react";
 import Image from "next/image";
 import { imagePrefix } from "@/app/config";
+import Link from "next/link";
 
 const fetchNews = async () => {
   try {
@@ -65,11 +66,8 @@ const News = () => {
               <Box p={4}>
                 <Text fontWeight="bold">{card.title}</Text>
                 <Text noOfLines={4}>{card.description}</Text>
-                <Link
-                  href={`${imagePrefix}/news/${card.id}`}
-                  color={"a4borange"}
-                >
-                  Read More
+                <Link href={`${imagePrefix}/news/${card.id}`}>
+                  <Text textColor={"a4borange"}>Read More</Text>
                 </Link>
               </Box>
             </Box>