diff --git a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/articles.twig b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/articles.twig
index 4ffdf057e..7f8e7dea8 100644
--- a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/articles.twig
+++ b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/posts-module/posts/articles.twig
@@ -1,23 +1,37 @@
 {% block styles %}
     {{ asset_style("visiosoft.theme.base::css/post.scss") }}
+    <style>
+        .container{
+            max-width: 100% !important;
+        }
+        .news-img-height{
+            height: 300px ;
+        }
+
+        .news-cover-img-wrapper {
+            padding: 20px;
+            color: black;
+        }
+    </style>
 {% endblock %}
-<div class="container mt-2 mb-4 px-0">
-    <div class="d-flex justify-content-between align-items-center mb-2">
-        <h5 class="text-left ml-2">{{ trans('visiosoft.theme.base::field.news_title', {name: setting_value('streams::name')}) }}</h5>
+<div class="row mt-2 mb-4 px-0">
+    <div class="d-flex justify-content-between ml-auto align-items-center mb-2">
+        <h5 class="text-left mr-2">{{ trans('visiosoft.theme.base::field.news_title', {name: setting_value('streams::name')}) }}</h5>
         <a href="{{ url('posts') }}" class="btn btn-outline-primary all-post-btn d-none d-md-block">
             {{ trans('visiosoft.theme.base::field.all_news') }}
         </a>
     </div>
-    <div class="slider">
+    <div class="row">
         {% if entries('posts','types').findBySlug('default') %}
             {% set posts = entries('posts').type('default').live().limit(4).get() %}
             {% for post in posts %}
+            <div class="col-4 mt-2">
                 <div class="px-2">
                     <div
                         class="fs-14 product rounded position-relative bg-white link-dark text-decoration-none border">
                         <div class="product-img d-flex justify-content-center">
-                            <a href="{{ post.route('view') }}" class="">
-                                {{ img( post.cover_image.make.url ?? 'visiosoft.theme.base::images/no-image.png').class("w-600")|raw }}
+                            <a href="{{ post.route('view') }}" class="news-cover-img-wrapper">
+                                {{ img( post.cover_image.make.url ?? 'visiosoft.theme.base::images/no-image.png').class("w-100 news-img-height")|raw }}
                             </a>
                         </div>
                         <div class="text-center product-text-area p-3">
@@ -29,6 +43,7 @@
                         </div>
                     </div>
                 </div>
+            </div>
             {% endfor %}
         {% endif %}
     </div>