diff --git a/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue b/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
index 51cd1dbeab..09e6dd95c6 100644
--- a/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
+++ b/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
@@ -91,7 +91,7 @@ export default {
     this.getNewsList();
   },
   mounted() {
-    this.isSmallWidth =  this.$refs && this.$refs['top-news-mosaic'] && this.$refs['top-news-mosaic']?.clientWidth *100 / window.screen.width  < 33;
+    this.isSmallWidth =  this.$refs && this.$refs['top-news-mosaic'] && this.$refs['top-news-mosaic']?.clientWidth < this.isSmallBreakpoint;
   },
   computed: {
     isMobile() {