diff --git a/src/components/quasar-components/carousel/VerticalCarouselImgs.vue b/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
index 7e7b96f..66499dd 100644
--- a/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
+++ b/src/components/quasar-components/carousel/VerticalCarouselImgs.vue
@@ -95,7 +95,7 @@ export default defineComponent({
   <div ref="target" class="vertical-carousel-container" style="min-height: 100dvh">
     <q-carousel navigation-position="right" style="min-height: 100dvh" v-model="slide" navigation autoplay infinite
       animated v-if="!!banners.length" class="custom-carousel">
-      <q-carousel-slide v-for="(item, i) in banners" :key="i" :name="item.longName" :img-src="item.url">
+      <q-carousel-slide v-for="(item, i) in banners" :key="`banner-${i}`" :name="`banner-${i}`" :img-src="item.url">
         <div class="vertical-carousel-content">
           <header class="carousel-content-header">
             <h1 class="carousel-header-title">