diff --git a/src/components/Ml/Slider/MlSlider.vue b/src/components/Ml/Slider/MlSlider.vue
index 85dd8c2..2aba7aa 100644
--- a/src/components/Ml/Slider/MlSlider.vue
+++ b/src/components/Ml/Slider/MlSlider.vue
@@ -58,12 +58,13 @@
 </template>
 
 <script setup lang="ts">
+import { useRipple } from "#imports";
 import { ref, computed, defineProps, withDefaults } from "vue";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import type { Swiper as swiper } from "swiper/types";
 import "swiper/css";
 import { twMerge } from "tailwind-merge";
-import { ArrowLeftIcon, ArrowRightIcon } from "#imports";
+import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/vue/24/solid";
 import type { PTAttribs, SliderProps } from "./types";
 
 const showSwiper = ref(false);