diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index 67289745..4c4fbfab 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -10,7 +10,6 @@ import { ArticleCard } from '../../Feed/ArticleCard'
 
 type Props = {
   slides: Shout[]
-  slidesPerView?: number
   title?: string
 }
 
@@ -41,11 +40,10 @@ export const ArticleCardSwiper = (props: Props) => {
               thumbs-swiper={'.thumbSwiper'}
               observer={true}
               onSlideChange={handleSlideChange}
-              slides-per-view={1}
               space-between={26}
               breakpoints={{
-                576: { slidesPerView: props.slidesPerView ?? 1.5 },
-                992: { spaceBetween: 52 }
+                576: { spaceBetween: 20, slidesPerView: 1 },
+                992: { spaceBetween: 52, slidesPerView: 1.5 }
               }}
               loop={true}
               speed={800}
@@ -89,9 +87,9 @@ export const ArticleCardSwiper = (props: Props) => {
             >
               <Icon name="swiper-r-arr" class={styles.icon} />
             </div>
-            <div class={styles.counter}>
-              {slideIndex() + 1} / {props.slides.length}
-            </div>
+            {/*<div class={styles.counter}>*/}
+            {/*  {slideIndex() + 1} / {props.slides.length}*/}
+            {/*</div>*/}
           </div>
         </Show>
       </div>
diff --git a/src/components/_shared/SolidSwiper/Swiper.module.scss b/src/components/_shared/SolidSwiper/Swiper.module.scss
index dd261c64..4fb33798 100644
--- a/src/components/_shared/SolidSwiper/Swiper.module.scss
+++ b/src/components/_shared/SolidSwiper/Swiper.module.scss
@@ -129,8 +129,9 @@
     overflow: hidden;
     width: calc(100% - 130px);
 
-    @include media-breakpoint-down(sm) {
+    @media only screen and (max-width: 576px) {
       width: 100%;
+      background: red;
     }
 
     .counter {