--

src/components/Ml/SliderPoint/MlSliderPoint.vue

@@ -19,17 +19,15 @@
         <slot />
       </swiper-slide>
     </swiper>
-    <div
-      :class="counterClasses"
-    >
+    <div :class="counterClasses">
       <div
         v-for="(slide, index) in 4"
         :key="index"
         :class="[
           'bg-black h-[3px] transition-all duration-500',
           index === currentSlideNumber
-            ? 'py-2 w-[16px] rounded-3xl'
-            : 'w-[25px] rounded-sm md:w-[24px]',
+            ? 'bg-black py-2 w-[16px] rounded-3xl'
+            : 'h-[3px] bg-black w-[25px] rounded-sm md:w-[24px]',
         ]"
         @click="goToSlide(index), stopAutoSlide()"
       ></div>
@@ -95,7 +93,9 @@ const props = withDefaults(
 const classes = ref({
   root: { class: `` },
   slider: { class: `` },
-  counter: { class: `mx-auto px-6 container flex justify-between items-center h-10 cursor-pointer` },
+  counter: {
+    class: `mx-auto px-6 container flex justify-between items-center h-10 cursor-pointer`,
+  },
 } as PTAttribs);
 
 const rootClasses = computed(() =>