diff --git a/static/terraboard-vuejs/src/components/StatesList.vue b/static/terraboard-vuejs/src/components/StatesList.vue
index 9667f809..59ec0729 100644
--- a/static/terraboard-vuejs/src/components/StatesList.vue
+++ b/static/terraboard-vuejs/src/components/StatesList.vue
@@ -1,8 +1,8 @@
 <template>
 <div id="results" class="row">
-    <label id="navigate"> <span class="fas fa-caret-left" v-if="prevPage"
+    <label id="navigate"> <span class="fas fa-caret-left" role="button" v-if="prevPage"
             v-on:click="fetchStats(prevPage)"></span> {{startItems}}-{{itemsInPage}}/{{results.total}}
-        <span class="fas fa-caret-right" v-if="nextPage" v-on:click="fetchStats(nextPage)"></span>
+        <span class="fas fa-caret-right" role="button" v-if="nextPage" v-on:click="fetchStats(nextPage)"></span>
     </label>
     <table class="table table-border table-striped">
         <thead>
diff --git a/static/terraboard-vuejs/src/views/Search.vue b/static/terraboard-vuejs/src/views/Search.vue
index bb962a03..91b4cd19 100644
--- a/static/terraboard-vuejs/src/views/Search.vue
+++ b/static/terraboard-vuejs/src/views/Search.vue
@@ -73,13 +73,13 @@
   <hr />
   <label id="navigate" v-if="results.length != 0">
     <span
-      class="fas fa-caret-left"
+      class="fas fa-caret-left" role="button"
       v-on:click="doSearch(pager.prevPage)"
       v-if="pager.prevPage"
     ></span>
     {{ pager.startItems }}-{{ pager.itemsInPage }}/{{ results.total }}
     <span
-      class="fas fa-caret-right"
+      class="fas fa-caret-right" role="button"
       v-on:click="doSearch(pager.nextPage)"
       v-if="pager.nextPage"
     ></span>