diff --git a/src/components/Pagination/PageArrowIcon.vue b/src/components/Pagination/PageArrowIcon.vue
index 74ae02f14..c0bc72531 100644
--- a/src/components/Pagination/PageArrowIcon.vue
+++ b/src/components/Pagination/PageArrowIcon.vue
@@ -1,18 +1,18 @@
 <template>
   <span :class="[{'text-gray-900 hover:text-primary-300': !disabled}, { 'text-gray-100 hover:text-gray-100' : disabled }]">
-    <skip-to-left v-if="first" />
+    <chevrons-left v-if="first" />
     <chevron-left v-if="previous" />
     <chevron-right v-if="next" />
-    <skip-to-right v-if="last" />
+    <chevrons-right v-if="last" />
   </span>
 </template>
 
 <script>
-import { SkipToLeft, ChevronLeft, ChevronRight, SkipToRight }  from '@/components/Icons';
+import { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight }  from '@/components/Icons';
 
 export default {
   name: 'PageArrowIcon',
-  components: { SkipToLeft, ChevronLeft, ChevronRight, SkipToRight },
+  components: { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight },
   props: {
     disabled: {
       type: Boolean,