diff --git a/components/bsx/Gallery/Item/GalleryItem.vue b/components/bsx/Gallery/Item/GalleryItem.vue
index f273807ac1..306db4f326 100644
--- a/components/bsx/Gallery/Item/GalleryItem.vue
+++ b/components/bsx/Gallery/Item/GalleryItem.vue
@@ -217,6 +217,8 @@ import { mapToId } from '@/utils/mappers'
     OfferList: () => import('@/components/bsx/Offer/OfferList.vue'),
     History: () => import('@/components/rmrk/Gallery/History.vue'),
     Navigation: () => import('@/components/rmrk/Gallery/Item/Navigation.vue'),
+    GalleryItemCarousel: () =>
+      import('@/components/carousel/GalleryItemCarousel.vue'),
   },
   directives: {
     orientation: Orientation,
diff --git a/components/base/CarouselCardList.vue b/components/carousel/CarouselCardList.vue
similarity index 98%
rename from components/base/CarouselCardList.vue
rename to components/carousel/CarouselCardList.vue
index bf78cb057a..2b60ec8dd7 100644
--- a/components/base/CarouselCardList.vue
+++ b/components/carousel/CarouselCardList.vue
@@ -85,7 +85,7 @@ import { Component, Prop, mixins } from 'nuxt-property-decorator'
 import AuthMixin from '@/utils/mixins/authMixin'
 import PrefixMixin from '@/utils/mixins/prefixMixin'
 
-import type { CarouselNFT } from './types'
+import type { CarouselNFT } from '@/components/base/types'
 
 const components = {
   Money: () => import('@/components/shared/format/Money.vue'),
diff --git a/components/rmrk/Gallery/GalleryItemCarousel.vue b/components/carousel/GalleryItemCarousel.vue
similarity index 85%
rename from components/rmrk/Gallery/GalleryItemCarousel.vue
rename to components/carousel/GalleryItemCarousel.vue
index 38809a0f8a..93a90b0b1c 100644
--- a/components/rmrk/Gallery/GalleryItemCarousel.vue
+++ b/components/carousel/GalleryItemCarousel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="my-5" v-if="showCarousel">
+    <div v-if="showCarousel" class="my-5">
       <p class="subtitle is-size-4">{{ $t(`nft.${type}`) }}</p>
       <CarouselCardList :nfts="nfts" />
     </div>
@@ -8,10 +8,10 @@
 </template>
 
 <script lang="ts">
-import { Component, mixins, Prop } from 'nuxt-property-decorator'
-import { formatNFT } from '~/utils/carousel'
-import { visitedNFT } from '~/utils/localStorage'
-import { MIN_CAROUSEL_NFT } from '~/utils/constants'
+import { Component, Prop, mixins } from 'nuxt-property-decorator'
+import { formatNFT } from '@/utils/carousel'
+import { visitedNFT } from '@/utils/localStorage'
+import { MIN_CAROUSEL_NFT } from '@/utils/constants'
 import PrefixMixin from '@/utils/mixins/prefixMixin'
 
 import collectionEntityById from '@/queries/rmrk/subsquid/collectionEntityById.graphql'
@@ -21,7 +21,8 @@ import { CarouselNFT } from '@/components/base/types'
 
 @Component({
   components: {
-    CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+    CarouselCardList: () =>
+      import('@/components/carousel/CarouselCardList.vue'),
   },
 })
 /**
diff --git a/components/rmrk/Gallery/LatestSales.vue b/components/carousel/LatestSales.vue
similarity index 92%
rename from components/rmrk/Gallery/LatestSales.vue
rename to components/carousel/LatestSales.vue
index 29c027b014..b31cefeffb 100644
--- a/components/rmrk/Gallery/LatestSales.vue
+++ b/components/carousel/LatestSales.vue
@@ -27,20 +27,20 @@
 import { Component, mixins } from 'nuxt-property-decorator'
 import { formatDistanceToNow } from 'date-fns'
 
-import { LastEvent } from '~/utils/types/types'
+import { LastEvent } from '@/utils/types/types'
 
 import { convertLastEventToNft, fallbackMetaByNftEvent } from '@/utils/carousel'
 import {
   getCloudflareImageLinks,
   getProperImageLink,
-} from '~/utils/cachingStrategy'
+} from '@/utils/cachingStrategy'
 import lastNftListByEvent from '@/queries/rmrk/subsquid/lastNftListByEvent.graphql'
 
 import AuthMixin from '@/utils/mixins/authMixin'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
@@ -60,7 +60,7 @@ export default class LatestSales extends mixins(PrefixMixin, AuthMixin) {
     return false
   }
 
-  async fetch() {
+  fetch() {
     this.fetchData()
   }
 
diff --git a/components/rmrk/Gallery/NewestList.vue b/components/carousel/NewestList.vue
similarity index 92%
rename from components/rmrk/Gallery/NewestList.vue
rename to components/carousel/NewestList.vue
index 6e874d312d..2983fb5d8a 100644
--- a/components/rmrk/Gallery/NewestList.vue
+++ b/components/carousel/NewestList.vue
@@ -28,15 +28,15 @@ import { Component, mixins } from 'nuxt-property-decorator'
 import {
   getCloudflareImageLinks,
   getProperImageLink,
-} from '~/utils/cachingStrategy'
+} from '@/utils/cachingStrategy'
 import { formatDistanceToNow } from 'date-fns'
 import lastNftListByEvent from '@/queries/rmrk/subsquid/lastNftListByEvent.graphql'
-import { fallbackMetaByNftEvent, convertLastEventToNft } from '@/utils/carousel'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import { convertLastEventToNft, fallbackMetaByNftEvent } from '@/utils/carousel'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 import AuthMixin from '@/utils/mixins/authMixin'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
 
diff --git a/components/rmrk/Gallery/PopularCollections.vue b/components/carousel/PopularCollections.vue
similarity index 85%
rename from components/rmrk/Gallery/PopularCollections.vue
rename to components/carousel/PopularCollections.vue
index a1d43c4940..81eabe05b9 100644
--- a/components/rmrk/Gallery/PopularCollections.vue
+++ b/components/carousel/PopularCollections.vue
@@ -13,11 +13,11 @@
       </div>
       <div class="column has-text-right">
         <Pagination
-          simple
-          preserveScroll
           v-model="currentValue"
+          simple
+          preserve-scroll
           :total="total"
-          :perPage="1" />
+          :per-page="1" />
       </div>
     </div>
 
@@ -27,13 +27,13 @@
 
 <script lang="ts">
 import { Component, mixins } from 'nuxt-property-decorator'
-import PrefixMixin from '~/utils/mixins/prefixMixin'
+import PrefixMixin from '@/utils/mixins/prefixMixin'
 import popularCollectionList from '@/queries/rmrk/subsquid/popularCollectionList.graphql'
-import { RowSeries } from '~/components/series/types'
-import { sanitizeIpfsUrl } from '../utils'
+import { RowSeries } from '@/components/series/types'
+import { sanitizeIpfsUrl } from '@/components/rmrk/utils'
 
 const components = {
-  CarouselCardList: () => import('@/components/base/CarouselCardList.vue'),
+  CarouselCardList: () => import('@/components/carousel/CarouselCardList.vue'),
   Pagination: () => import('@/components/rmrk/Gallery/Pagination.vue'),
   Loader: () => import('@/components/shared/Loader.vue'),
 }
@@ -50,7 +50,7 @@ export default class PopularCollections extends mixins(PrefixMixin) {
     return false
   }
 
-  async created() {
+  created() {
     this.handleResult()
   }
 
diff --git a/components/landing/Landing.vue b/components/landing/Landing.vue
index cdab82529f..5934609167 100644
--- a/components/landing/Landing.vue
+++ b/components/landing/Landing.vue
@@ -69,11 +69,11 @@
         </div>
       </div>
       <div v-if="prefix === 'rmrk' || prefix === 'bsx'">
-        <LazyGalleryLatestSales class="my-5" />
+        <LazyCarouselLatestSales class="my-5" />
         <span v-if="prefix === 'rmrk'">
-          <LazyGalleryPopularCollections class="my-5" />
+          <LazyCarouselPopularCollections class="my-5" />
         </span>
-        <LazyGalleryNewestList class="my-5" />
+        <LazyCarouselNewestList class="my-5" />
       </div>
     </div>
   </section>
diff --git a/components/rmrk/Gallery/GalleryItem.vue b/components/rmrk/Gallery/GalleryItem.vue
index d4ceebfabb..61903db41e 100644
--- a/components/rmrk/Gallery/GalleryItem.vue
+++ b/components/rmrk/Gallery/GalleryItem.vue
@@ -199,7 +199,8 @@ import AvailableActions from './AvailableActions.vue'
     Detail: () => import('@/components/unique/Gallery/Item/Detail.vue'),
     BaseGalleryItem: () =>
       import('@/components/shared/gallery/BaseGalleryItem.vue'),
-    GalleryItemCarousel: () => import('./GalleryItemCarousel.vue'),
+    GalleryItemCarousel: () =>
+      import('@/components/carousel/GalleryItemCarousel.vue'),
   },
   directives: {
     orientation: Orientation,
diff --git a/components/rmrk/Gallery/Pagination.vue b/components/rmrk/Gallery/Pagination.vue
index cec7351f3b..1209eeeb01 100644
--- a/components/rmrk/Gallery/Pagination.vue
+++ b/components/rmrk/Gallery/Pagination.vue
@@ -1,7 +1,7 @@
 <template>
   <div
-    class="is-align-self-flex-end is-flex is-justify-content-flex-end"
-    v-if="total > perPage">
+    v-if="total > perPage"
+    class="is-align-self-flex-end is-flex is-justify-content-flex-end">
     <b-pagination
       :total="total"
       :current.sync="current"
@@ -18,9 +18,9 @@
     </b-pagination>
     <b-tooltip :label="$t('tooltip.random') + ' (g+r)'">
       <b-button
+        v-if="hasMagicBtn"
         class="ml-2 magicBtn is-bordered-light share-button"
         title="Go to random page"
-        v-if="hasMagicBtn"
         type="is-primary"
         icon-left="dice"
         @click="goToRandomPage">
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Prop, mixins, Watch } from 'nuxt-property-decorator'
+import { Component, Prop, Watch, mixins } from 'nuxt-property-decorator'
 import { Debounce } from 'vue-debounce-decorator'
 import { getRandomIntInRange } from '../utils'
 import KeyboardEventsMixin from '~/utils/mixins/keyboardEventsMixin'