diff --git a/src/App.vue b/src/App.vue
index 457667e36..02c7923c6 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,10 +2,10 @@
     <div class="layout-wrapper" :class="containerClass">
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
-                <a href="https://www.primefaces.org/layouts/atlantis-vue" class="layouts-news-mockup" target="_blank">
-                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-atlantis-device.png">
+                <a href="https://www.primefaces.org/primeblocks-vue" class="layouts-news-mockup" target="_blank">
+                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-primeblocks-device.png">
                 </a>
-                <a href="https://www.primefaces.org/layouts/atlantis-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
+                <a href="https://www.primefaces.org/primeblocks-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE
                     <i class="pi pi-angle-right"></i>
                 </a>
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index 02573a074..4eb4e1ad1 100644
--- a/src/assets/styles/app/_news.scss
+++ b/src/assets/styles/app/_news.scss
@@ -4,7 +4,8 @@
     justify-content: center;
     align-items: center;
     margin-left: 250px;
-    background-image: url('./assets/images/topbar-atlantis-bg.jpg');
+    background-image: linear-gradient(197.37deg, rgba(0, 120, 227, 0.07) -0.38%, rgba(165, 72, 181, 0) 101.89%), linear-gradient(115.93deg, rgba(62, 136, 246, 0.15) 4.86%, rgba(62, 180, 246, 0.0495) 38.05%, rgba(62, 235, 246, 0) 74.14%), radial-gradient(56.47% 76.87% at 6.92% 7.55%, rgba(62, 136, 246, 0.05) 0%, rgba(62, 158, 246, 0.013) 52.16%, rgba(62, 246, 246, 0) 100%), linear-gradient(306.53deg, rgba(163, 171, 217, 0.1) 19.83%, rgba(163, 171, 217, 0) 97.33%);
+    background-color: white;
 
     .layout-news-container {
         width: 100%;
@@ -26,8 +27,8 @@
         }
 
         .layout-news-button {
-            border: 1px solid #ffffff;
-            color: #ffffff;
+            border: 2px solid #283738;
+            color: #283738;
             font-size: 15px;
             padding: 0.3em 0.3em 0.5em 1em;
             font-weight: 700;
@@ -40,6 +41,10 @@
             margin-left: 1rem;
             position: relative;
             z-index: 1;
+
+            &:hover {
+                background-color: rgba(0, 0, 0, 0.25);
+            }
         }
     }