diff --git a/packages/client/src/arpa_reporter/components/PageNavigation.vue b/packages/client/src/arpa_reporter/components/PageNavigation.vue
index 7dbbc2ef2..11ba3212b 100644
--- a/packages/client/src/arpa_reporter/components/PageNavigation.vue
+++ b/packages/client/src/arpa_reporter/components/PageNavigation.vue
@@ -40,16 +40,14 @@
               class="dropdown-menu"
               aria-labelledby="periodDropdown"
             >
-              <a
+              <button
                 v-for="period in viewablePeriods"
                 :key="period.id"
                 class="dropdown-item"
+                @click="() => setViewPeriodID(period.id)"
               >
-                <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->
-                <div @click="() => setViewPeriodID(period.id)">
-                  {{ period.name }}
-                </div>
-              </a>
+                {{ period.name }}
+              </button>
             </div>
           </li>
         </ul>