diff --git a/ui/app/components/page-size-select.js b/ui/app/components/page-size-select.js
index 0bde78aec..0776d7084 100644
--- a/ui/app/components/page-size-select.js
+++ b/ui/app/components/page-size-select.js
@@ -2,9 +2,10 @@ import Component from '@ember/component';
 import { inject as service } from '@ember/service';
 
 export default Component.extend({
-  tagName: '',
-
   userSettings: service(),
 
+  tagName: '',
   pageSizeOptions: Object.freeze([10, 25, 50]),
+
+  onChange() {},
 });
diff --git a/ui/app/templates/components/page-size-select.hbs b/ui/app/templates/components/page-size-select.hbs
index c2e87cf3c..42e389b75 100644
--- a/ui/app/templates/components/page-size-select.hbs
+++ b/ui/app/templates/components/page-size-select.hbs
@@ -5,7 +5,10 @@
     class="field-body"
     @options={{pageSizeOptions}}
     @selected={{userSettings.pageSize}}
-    @onChange={{action (mut userSettings.pageSize)}} as |option|>
+    @onChange={{action (queue
+      (action (mut userSettings.pageSize))
+      (action onChange)
+    )}} as |option|>
     {{option}}
   </PowerSelect>
 </div>
diff --git a/ui/app/templates/jobs/index.hbs b/ui/app/templates/jobs/index.hbs
index 51ee08736..bcbc76767 100644
--- a/ui/app/templates/jobs/index.hbs
+++ b/ui/app/templates/jobs/index.hbs
@@ -93,7 +93,7 @@
           {{/t.body}}
         {{/list-table}}
         <div class="table-foot">
-          {{page-size-select}}
+          {{page-size-select onChange=(action resetPagination)}}
           <nav class="pagination">
             <div class="pagination-numbers">
               {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedJobs.length}}