diff --git a/src/ts/@overflow/commons/react/component/SortTableHeaderRow.tsx b/src/ts/@overflow/commons/react/component/SortTableHeaderRow.tsx
index 9a05af7..7b8c028 100644
--- a/src/ts/@overflow/commons/react/component/SortTableHeaderRow.tsx
+++ b/src/ts/@overflow/commons/react/component/SortTableHeaderRow.tsx
@@ -42,7 +42,7 @@ export class SortTableHeaderRow extends React.Component<Props, State> {
 
       arr.push(
         <Table.HeaderCell key={idx++} textAlign={'center'}
-          sorted={this.state.column === colValue ? this.state.direction : null}
+          sorted={this.state.column === colValue ? this.state.direction : 'ascending'}
           onClick={this.handleColumnSort(colValue)}>{colValue}</Table.HeaderCell>);
     }
 
diff --git a/src/ts/@overflow/history/react/components/HistoryList.tsx b/src/ts/@overflow/history/react/components/HistoryList.tsx
index de60d26..0f4fd97 100644
--- a/src/ts/@overflow/history/react/components/HistoryList.tsx
+++ b/src/ts/@overflow/history/react/components/HistoryList.tsx
@@ -125,7 +125,7 @@ export class HistoryList extends React.Component<Props, State> {
     let cols:string[] = ['No.', 'Probe', 'Type', 'Message', 'Created At', 'Created By'];
     let historyList: JSX.Element = (
       <Container fluid>
-        <Table celled selectable striped>
+        <Table celled selectable striped sortable fixed>
           <Table.Header>
             <SortTableHeaderRow columnList={cols} onHeaderColumnClick={this.handleSort} />
             {/*<Table.Row>*/}