diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index 164050733..1907f4842 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -1,28 +1,28 @@
 <template>
   <ul :class="bem()" v-show="totalResults > 0">
-    <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled') : '']">
+    <li :class="[bem('item', 'first'), page === 1 ? bem('item', 'disabled', false) : '']">
       <a href="#" @click.prevent="goToFirstPage" :class="bem('link')">
         <slot name="first">&lt;&lt;</slot>
       </a>
     </li>
-    <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled') : '']">
+    <li :class="[bem('item', 'previous'), page === 1 ? bem('item', 'disabled', false) : '']">
       <a href="#" @click.prevent="goToPreviousPage" :class="bem('link')">
         <slot name="previous">&lt;</slot>
       </a>
     </li>
-    <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active') : '']" >
+    <li v-for="item in pages" :key="item" :class="[bem('item'), page === item ? bem('item', 'active', false) : '']" >
       <a href="#" @click.prevent="goToPage(item)" :class="bem('link')">
         <slot :value="item" :active="item === page">
           {{ item }}
         </slot>
       </a>
     </li>
-    <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled') : '']">
+    <li :class="[bem('item', 'next'), page >= totalPages ? bem('item', 'disabled', false) : '']">
       <a href="#" @click.prevent="goToNextPage" :class="bem('link')">
         <slot name="next">&gt;</slot>
       </a>
     </li>
-    <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled') : '']">
+    <li :class="[bem('item', 'last'), page >= totalPages ? bem('item', 'disabled', false) : '']">
       <a href="#" @click.prevent="goToLastPage" :class="bem('link')">
         <slot name="last">&gt;&gt;</slot>
       </a>