diff --git a/layers/assets/css/components/_splide.css b/layers/assets/css/components/_splide.css
index f1147fb..1494a8a 100644
--- a/layers/assets/css/components/_splide.css
+++ b/layers/assets/css/components/_splide.css
@@ -22,8 +22,7 @@
     @apply hidden md:block;
   }
   .splide__arrows .splide-arrow.btn-circle {
-    @apply absolute top-1/2 w-[40px] h-[40px] bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5]
-    md:w-[48px] md:h-[48px];
+    @apply absolute top-1/2 bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5];
   }
   .splide__arrow--prev {
     @apply bg-[image:var(--arrow-prev)];
diff --git a/layers/components/widgets/slide/Fade.vue b/layers/components/widgets/slide/Fade.vue
index 0320e39..e35cfd2 100644
--- a/layers/components/widgets/slide/Fade.vue
+++ b/layers/components/widgets/slide/Fade.vue
@@ -92,7 +92,11 @@ defineExpose({
     <SplideTrack>
       <slot />
     </SplideTrack>
-    <BlocksSlideArrows v-if="props.arrows" :arrows-data="props.arrowsData" />
+    <BlocksSlideArrows
+      v-if="props.arrows"
+      :arrows-data="props.arrowsData"
+      class="type-full"
+    />
   </Splide>
 </template>