diff --git a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
index 803519b70..d3167de57 100644
--- a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
@@ -1,9 +1,8 @@
 import { observer, useObserver } from 'mobx-react-lite';
 import React, { useEffect, useState } from 'react';
-import { NoContent, Pagination, Icon, Checkbox } from 'UI';
+import { NoContent, Pagination, Icon } from 'UI';
 import { useStore } from 'App/mstore';
 import { filterList } from 'App/utils';
-import MetricListItem from '../MetricListItem';
 import { sliceListPerPage } from 'App/utils';
 import Widget from 'App/mstore/types/widget';
 import GridView from './GridView';
@@ -97,7 +96,7 @@ function MetricsList({
           <div className="col-span-2 text-right">Last Modified</div>
         </div>
 
-         {sliceListPerPage(list, metricStore.page - 1, metricStore.pageSize).map((metric: any) => ( 
+         {sliceListPerPage(list, metricStore.page - 1, metricStore.pageSize).map((metric: any) => (
           // <React.Fragment key={metric.metricId}>
           //   <MetricListItem
           //     metric={metric}
@@ -109,7 +108,7 @@ function MetricsList({
           //     }}
           //   />
           // </React.Fragment>
-        ))} 
+        ))}
       </div>
       */}
 
diff --git a/frontend/app/mstore/dashboardStore.ts b/frontend/app/mstore/dashboardStore.ts
index 417f20f4d..c9eafe966 100644
--- a/frontend/app/mstore/dashboardStore.ts
+++ b/frontend/app/mstore/dashboardStore.ts
@@ -1,7 +1,6 @@
 import {
     makeAutoObservable,
     runInAction,
-    computed,
 } from "mobx";
 import Dashboard from "./types/dashboard";
 import Widget from "./types/widget";
@@ -66,9 +65,9 @@ export default class DashboardStore {
         this.drillDownFilter.updateKey("endTimestamp", timeStamps.endTimestamp);
     }
 
-    @computed
     get sortedDashboards() {
-        return [...this.dashboards].sort((a, b) => b.createdAt - a.createdAt)
+        const sortOrder = this.sort.by
+        return [...this.dashboards].sort((a, b) => sortOrder === 'desc' ? b.createdAt - a.createdAt : a.createdAt - b.createdAt)
     }
 
     toggleAllSelectedWidgets(isSelected: boolean) {
diff --git a/frontend/app/types/filter/filterType.ts b/frontend/app/types/filter/filterType.ts
index c82a54779..96e97a092 100644
--- a/frontend/app/types/filter/filterType.ts
+++ b/frontend/app/types/filter/filterType.ts
@@ -135,18 +135,18 @@ export const getFilterKeyTypeByKey = (key: string) => {
 };
 
 export enum IssueType {
-  CLICK_RAGE = 'click_rage',
-  DEAD_CLICK = 'dead_click',
-  EXCESSIVE_SCROLLING = 'excessive_scrolling',
-  BAD_REQUEST = 'bad_request',
-  MISSING_RESOURCE = 'missing_resource',
+  CLICK_RAGE = 'clickRage',
+  DEAD_CLICK = 'deadClick',
+  EXCESSIVE_SCROLLING = 'excessiveScrolling',
+  BAD_REQUEST = 'badRequest',
+  MISSING_RESOURCE = 'missingResource',
   MEMORY = 'memory',
   CPU = 'cpu',
-  SLOW_RESOURCE = 'slow_resource',
-  SLOW_PAGE_LOAD = 'slow_page_load',
+  SLOW_RESOURCE = 'slowResource',
+  SLOW_PAGE_LOAD = 'slowPageLoad',
   CRASH = 'crash',
   CUSTOM = 'custom',
-  JS_EXCEPTION = 'js_exception',
+  JS_EXCEPTION = 'jsException',
 }
 
 export enum FilterType {