diff --git a/config/webpack.common.js b/config/webpack.common.js
index 4529ddad2..b475ccec4 100644
--- a/config/webpack.common.js
+++ b/config/webpack.common.js
@@ -35,10 +35,6 @@ module.exports = {
     // Removes/cleans build folders and unused assets when rebuilding
     new CleanWebpackPlugin(),
 
-    new CopyWebpackPlugin({
-      patterns: [{ from: "NEWS.md", to: "assets" }],
-    }),
-
     // Copies files from target to destination folder
     new CopyWebpackPlugin({
       patterns: [
diff --git a/src/renderer/screens/ChangeLog.js b/src/renderer/screens/ChangeLog.js
index 941fda348..f5ccc0e57 100644
--- a/src/renderer/screens/ChangeLog.js
+++ b/src/renderer/screens/ChangeLog.js
@@ -1,61 +1,20 @@
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
-import CardHeader from "@mui/material/CardHeader";
 import Container from "@mui/material/Container";
-import Typography from "@mui/material/Typography";
 import { PageTitle } from "@renderer/components/PageTitle";
-import logo from "@renderer/logo-small.png";
-import pkg from "@root/package.json";
-import React, { useState, useEffect } from "react";
+import { ProductStatus } from "@renderer/screens/KeyboardSelect/ProductStatus";
+import React from "react";
 import { useTranslation } from "react-i18next";
-import ReactMarkdown from "react-markdown";
-import logger from "@renderer/utils/Logger";
 
-const version = pkg.version;
-
-const ChangeLog = (props) => {
-  const { classes } = props;
+const ChangeLog = () => {
   const { t } = useTranslation();
 
-  const [data, setData] = useState("");
-
-  useEffect(() => {
-    // Assuming you have the absolute path for the file, replace it accordingly
-    const changelogFile = "/assets/NEWS.md";
-
-    fetch(changelogFile)
-      .then((response) => response.text())
-      .then((text) => {
-        setData(text);
-      })
-      .catch((error) => {
-        logger.error("An error occurred while fetching the changelog:", error);
-      });
-  }, []);
-
   return (
     <Container>
       <PageTitle title={t("changelog.title")} />
       <Card sx={{ my: 2 }}>
-        <CardHeader
-          avatar={<img src={logo} alt={t("components.logo.altText")} />}
-          title="Chrysalis"
-          subheader={version}
-        />
-        <CardContent>
-          <ReactMarkdown
-            components={{
-              h1({ node, ...props }) {
-                return (
-                  <Typography component="h1" variant="h1" sx={{ textDecoration: "underline" }}>
-                    {node.children[0].value}
-                  </Typography>
-                );
-              },
-            }}
-          >
-            {data}
-          </ReactMarkdown>
+        <CardContent sx={{ width: "100%", px: 4 }}>
+          <ProductStatus />
         </CardContent>
       </Card>
     </Container>