diff --git a/resources/css/libs/swiper.css b/resources/css/libs/swiper.css
index 57e2186..80b03d7 100644
--- a/resources/css/libs/swiper.css
+++ b/resources/css/libs/swiper.css
@@ -3,15 +3,13 @@
   --swiper-pagination-bullet-height: 2px;
   --swiper-pagination-bullet-width: 100%;
   --swiper-pagination-bullet-horizontal-gap: 0px;
-  --swiper-theme-color: var(
-    --wp--preset--color--primary
-  ) !important;
+  --swiper-theme-color: var(--wp--preset--color--primary) !important;
   --swiper-pagination-color: transparent !important;
   --swiper-pagination-bullet-inactive-color: transparent !important;
 }
 
 .swiper-pagination {
-  @apply h-fit flex gap-12 !static;
+  @apply h-fit flex gap-4 lg:gap-12 !static;
   top: unset !important;
   bottom: 0px !important;
   z-index: 100 !important;
@@ -42,5 +40,5 @@
   }
 }
 .swiper-wrapper {
-  @apply mb-4;
+  @apply mb-4 block lg:flex;
 }