diff --git a/packages/rax-swiper/package.json b/packages/rax-swiper/package.json
index b8765c15..ca5f7944 100644
--- a/packages/rax-swiper/package.json
+++ b/packages/rax-swiper/package.json
@@ -1,7 +1,7 @@
 {
   "name": "rax-swiper",
   "author": "rax",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Swiper component for Rax.",
   "license": "BSD-3-Clause",
   "main": "lib/index.js",
diff --git a/packages/rax-swiper/src/web/swiper.js b/packages/rax-swiper/src/web/swiper.js
index a6e9e310..f905cd3a 100644
--- a/packages/rax-swiper/src/web/swiper.js
+++ b/packages/rax-swiper/src/web/swiper.js
@@ -195,7 +195,9 @@ const Swiper = forwardRef(
         )}
         {needsScrollbar(swiperParams) && <div ref={scrollbarElRef} className="swiper-scrollbar" />}
         {needsPagination(swiperParams) && (
-          <div ref={paginationElRef} className="swiper-pagination" />
+          <div ref={paginationElRef} className="swiper-pagination">
+            { slides && slides.map((item, index) => <span key={index}></span>) }
+          </div>
         )}
         <WrapperTag className="swiper-wrapper">
           {slots['wrapper-start']}