diff --git a/src/App.vue b/src/App.vue
index cc5ca25d2..b42835063 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,10 +3,11 @@
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
                 <a href="https://www.primefaces.org/store" target="_blank">
-                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-freya-mockup.png">
+                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-summersale.png">
                 </a>
                 <a href="https://www.primefaces.org/store" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE
+                    <i class="pi pi-angle-right"></i>
                 </a>
                 <a tabindex="0" class="layout-news-close" @click="hideNews">
                     <i class="pi pi-times"></i>
diff --git a/src/assets/images/topbar-summersale.png b/src/assets/images/topbar-summersale.png
new file mode 100644
index 000000000..12c332ff3
Binary files /dev/null and b/src/assets/images/topbar-summersale.png differ
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index 9fa816ff5..9d93d36f0 100644
--- a/src/assets/styles/app/_news.scss
+++ b/src/assets/styles/app/_news.scss
@@ -4,7 +4,7 @@
     justify-content: center;
     align-items: center;
     margin-left: 250px;
-    background-image: url("./assets/images/topbar-freya-bg.png");
+    background-image: linear-gradient(90deg,#2a206c,#221b5c);
 
     .layout-news-container {
         width: 100%;
@@ -16,16 +16,22 @@
         font-weight: bold;
         font-size: 20px;
 
+        a {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
         img.layouts-news-mockup-image {
-            max-width: 500px;
+            height: 50px;
         }
 
         .layout-news-button {
-            border: 2px solid #ffffff;
+            border: 1px solid #ffffff;
             color: #ffffff;
             font-size: 15px;
-            padding: 0.5em 1em;
-            font-weight: bolder;
+            padding: 0.3em 0.3em 0.5em 1em;
+            font-weight: 700;
             border-radius: 3px;
             display: flex;
             justify-content: center;