diff --git a/client/components/Search/PageScroller/PageScroller.vue b/client/components/Search/PageScroller/PageScroller.vue
index 9b82ff4..b873800 100644
--- a/client/components/Search/PageScroller/PageScroller.vue
+++ b/client/components/Search/PageScroller/PageScroller.vue
@@ -5,8 +5,8 @@
         </div>
         <div class="bg-white">
             <NumInput 
-                v-model="page" :min="1" :max="pageCount"
-                style="width: 200px" minus-icon="la la-chevron-circle-left" plus-icon="la la-chevron-circle-right" :disable="disable" mm-buttons
+                v-model="page" :min="1" :max="pageCount" mask="#######"
+                style="width: 220px" minus-icon="la la-chevron-circle-left" plus-icon="la la-chevron-circle-right" :disable="disable" mm-buttons
             />
         </div>
         <div class="q-ml-xs">
diff --git a/client/components/share/NumInput.vue b/client/components/share/NumInput.vue
index 229b0f1..9e32af7 100644
--- a/client/components/share/NumInput.vue
+++ b/client/components/share/NumInput.vue
@@ -6,6 +6,7 @@
         class="no-mp"
         :class="(error ? 'error' : '')"
         :disable="disable"
+        :mask="mask"
     >
         <slot></slot>
         <template #prepend>
@@ -95,6 +96,7 @@ class NumInput {
         minusIcon: {type: String, default: 'la la-minus-circle'},
         plusIcon: {type: String, default: 'la la-plus-circle'},
         mmButtons: Boolean,
+        mask: String,
     };
 
     filteredValue = 0;