news close button fix

src/App.vue

@@ -3,9 +3,9 @@
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container" @click="redirect">
                 <img class="layout-news-logo p-ml-2" src="./assets/images/topbar-newyear-logo.svg">
-                <h3 class="layout-news-header p-px-2">DISCOUNT UP TO 50% ON EVERYTHING AT PRIMESTORE</h3>
+                <h3 class="layout-news-header p-px-2">UP TO 50% DISCOUNT AT PRIMESTORE</h3>
                 <a href="https://www.primefaces.org/primeblocks-vue" target="_blank" tabindex="-1" class="layout-news-button">
-                    Read More
+                    VISIT SITE
                 </a>
                 <a tabindex="0" class="layout-news-close" @click="hideNews">
                     <i class="pi pi-times"></i>
@@ -100,9 +100,10 @@ export default {
             this.sidebarActive = false;
             DomHandler.removeClass(document.body, 'blocked-scroll');
         },
-        hideNews() {
+        hideNews(event) {
             this.newsActive = false;
             sessionStorage.setItem('primevue-news-hidden', 'true');
+            event.stopPropagation();
         },
         changeTheme(event) {
             let themeElement = document.getElementById('theme-link');