diff --git a/webapp/components/FilterMenu/FilterMenu.vue b/webapp/components/FilterMenu/FilterMenu.vue
index 9b12aa5f2..4a13b3e01 100644
--- a/webapp/components/FilterMenu/FilterMenu.vue
+++ b/webapp/components/FilterMenu/FilterMenu.vue
@@ -17,7 +17,7 @@
       </div>
       <div class="filter-menu-options">
         <h2 class="title">{{ $t('filter-menu.order-by') }}</h2>
-        <date-sort-filter />
+        <order-by-Filter />
       </div>
     </template>
   </dropdown>
@@ -27,13 +27,13 @@
 import Dropdown from '~/components/Dropdown'
 import { mapGetters } from 'vuex'
 import FollowingFilter from './FollowingFilter'
-import DateSortFilter from './DateSortFilter'
+import OrderByFilter from './OrderByFilter'
 
 export default {
   components: {
     Dropdown,
     FollowingFilter,
-    DateSortFilter,
+    OrderByFilter,
   },
   props: {
     placement: { type: String },
diff --git a/webapp/components/FilterMenu/DateSortFilter.vue b/webapp/components/FilterMenu/OrderByFilter.vue
similarity index 92%
rename from webapp/components/FilterMenu/DateSortFilter.vue
rename to webapp/components/FilterMenu/OrderByFilter.vue
index 2bba02ec9..dcc01fa58 100644
--- a/webapp/components/FilterMenu/DateSortFilter.vue
+++ b/webapp/components/FilterMenu/OrderByFilter.vue
@@ -1,5 +1,5 @@
 <template>
-  <filter-menu-section :divider="false" class="date-sort-filter">
+  <filter-menu-section :divider="false" class="order-by-Filter">
     <template #filter-list>
       <li class="item">
         <labeled-button
@@ -29,7 +29,7 @@ import FilterMenuSection from '~/components/FilterMenu/FilterMenuSection'
 import LabeledButton from '~/components/_new/generic/LabeledButton/LabeledButton'
 
 export default {
-  name: 'DateSortFilter',
+  name: 'OrderByFilter',
   components: {
     FilterMenuSection,
     LabeledButton,
diff --git a/webapp/pages/index.spec.js b/webapp/pages/index.spec.js
index 740bf535c..b1b1571bb 100644
--- a/webapp/pages/index.spec.js
+++ b/webapp/pages/index.spec.js
@@ -19,7 +19,7 @@ describe('PostIndex', () => {
 
   beforeEach(() => {
     mutations = {
-      'posts/SELECT_ORDER': jest.fn(),
+      'posts/TOGGLE_ORDER': jest.fn(),
     }
     store = new Vuex.Store({
       getters: {