diff --git a/src/dispatch/static/dispatch/src/dashboard/DialogFilter.vue b/src/dispatch/static/dispatch/src/dashboard/DialogFilter.vue
index 435644a9e713..2f75ecaada44 100644
--- a/src/dispatch/static/dispatch/src/dashboard/DialogFilter.vue
+++ b/src/dispatch/static/dispatch/src/dashboard/DialogFilter.vue
@@ -52,6 +52,8 @@
 <script>
 import { sum } from "lodash"
 import { mapFields } from "vuex-map-fields"
+
+import startOfMonth from "date-fns/startOfMonth"
 import subMonths from "date-fns/subMonths"
 
 import RouterUtils from "@/router/utils"
@@ -68,11 +70,6 @@ let today = function () {
   return new Date(now.getFullYear(), now.getMonth(), now.getDate())
 }
 
-let thisMonth = function () {
-  let now = new Date()
-  return new Date(now.getFullYear(), now.getMonth())
-}
-
 export default {
   name: "IncidentOverviewFilterBar",
 
@@ -169,8 +166,8 @@ export default {
       ...this.filters,
       ...{
         reported_at: {
-          start: subMonths(thisMonth(), 1).toISOString().substr(0, 10),
-          end: today().toISOString().substr(0, 10),
+          start: startOfMonth(subMonths(today(), 1)).toISOString().slice(0, -1),
+          end: today().toISOString().slice(0, -1),
         },
       },
       ...RouterUtils.deserializeFilters(this.query), // Order matters as values will overwrite