diff --git a/public/js/components/Cis/Cms/News.js b/public/js/components/Cis/Cms/News.js
index edf700db5..7c73bcb67 100644
--- a/public/js/components/Cis/Cms/News.js
+++ b/public/js/components/Cis/Cms/News.js
@@ -109,7 +109,7 @@ export default {
   		<h2 ref="newsPageHeading" class="fhc-primary-color">News</h2>
 		<hr/>
 		<pagination
-			v-show="content?true:false"
+			v-if="content?true:false"
 			:page="page"
 			:page_size="page_size"
 			@pageUpdated="afterPageUpdated($event)"
@@ -127,7 +127,7 @@ export default {
 			</div>
 		</div>
 		<pagination
-			v-show="content?true:false"
+			v-if="content?true:false"
 			:page="page"
 			:page_size="page_size"
 			@pageUpdated="afterPageUpdated($event)"
diff --git a/public/js/components/Pagination/Pagination.js b/public/js/components/Pagination/Pagination.js
index 8198f3e64..74f2c4f60 100644
--- a/public/js/components/Pagination/Pagination.js
+++ b/public/js/components/Pagination/Pagination.js
@@ -13,7 +13,7 @@ export default {
 			required: true,
 		},
 		page: {
-			type: Number | null,
+			type: [Number, null],
 			default: null,
 		},
 	},
@@ -38,9 +38,9 @@ export default {
 	<!-- Desktop -->
 	<div class="d-none d-md-block">
         <paginator 
-			v-model:rows="page_size"
-			v-model:first="first"
 			@page="afterPageUpdated($event)"
+			v-model:first="first"
+			:rows="page_size"
 			:totalRecords="maxPageCount"
 			:rowsPerPageOptions="rowsPerPageOptions"
 		></paginator>
@@ -48,9 +48,9 @@ export default {
 	<!-- Mobile -->
 	<div class="d-block d-md-none">
 		<paginator
-			v-model:rows="page_size"
-			v-model:first="first"
 			@page="afterPageUpdated($event)"
+			v-model:first="first"
+			:rows="page_size"
 			:totalRecords="maxPageCount"
 			:rowsPerPageOptions="rowsPerPageOptions"
 			template="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown"