diff --git a/components/carousel/demo/customArrows.vue b/components/carousel/demo/customArrows.vue
index c44057aa7..7e224cbaa 100644
--- a/components/carousel/demo/customArrows.vue
+++ b/components/carousel/demo/customArrows.vue
@@ -19,7 +19,7 @@ Custom arrows display
 <template>
   <a-carousel arrows>
     <template #prevArrow>
-      <div class="custom-slick-arrow" style="left: 10px; zindex: 1">
+      <div class="custom-slick-arrow" style="left: 10px; z-index: 1">
         <left-circle-outlined />
       </div>
     </template>