diff --git a/packages/website/src/components/NewsHeader/NewsHeader.js b/packages/website/src/components/NewsHeader/NewsHeader.js
index 5d17cd0f..cdbbffb7 100644
--- a/packages/website/src/components/NewsHeader/NewsHeader.js
+++ b/packages/website/src/components/NewsHeader/NewsHeader.js
@@ -26,23 +26,19 @@ const NewsHeader = () => {
 
   if (!latestNews) return null; // no news
 
-  // hardcoded news for now
-  const CURRENT_NEWS_URL =
-    "https://blog.sia.tech/mysky-your-home-on-the-global-operating-system-of-the-future-5a288f89825c";
-  const CURRENT_NEWS_TXT = "MySky: Your Home on the Global Operating System of the Future";
+  const title = latestNews.node.frontmatter.title;
+  const link = { to: latestNews.node.fields.slug };
 
   return (
     <div className="bg-palette-500 px-8 p-3">
       <div className="max-w-layout mx-auto">
         <div className="flex justify-between">
           <Link
-            // to={latestNews.node.fields.slug}
-            href={CURRENT_NEWS_URL}
+            {...link}
             className="text-palette-300 font-content leading-8 flex items-center overflow-hidden text-base hover:text-primary transition-colors duration-200"
           >
             <ArrowRight className="mr-2 flex-shrink-0 fill-current text-primary" />
-            {/* <span className="truncate">{latestNews.node.frontmatter.title}</span> */}
-            <span className="truncate">{CURRENT_NEWS_TXT}</span>
+            <span className="truncate">{title}</span>
           </Link>
 
           <div className="ml-auto items-center pl-8 hidden desktop:block">