diff --git a/public/theme/element-extra.css b/public/theme/element-extra.css
index 04a457f1e..3082e3e97 100644
--- a/public/theme/element-extra.css
+++ b/public/theme/element-extra.css
@@ -389,6 +389,13 @@ td .el-button.el-button--mini {
   border-color: danger;
 }
 
+.el-button--danger.is-plain.is-disabled,
+.el-button--danger.is-plain.is-disabled:active,
+.el-button--danger.is-plain.is-disabled:focus,
+.el-button--danger.is-plain.is-disabled:hover {
+  color: white;
+}
+
 .el-alert .el-alert__description {
   margin: 1px 0 0;
 }
diff --git a/src/views/sessions/SessionList/BaseList.vue b/src/views/sessions/SessionList/BaseList.vue
index 7f9877e4f..1bc3f8e59 100644
--- a/src/views/sessions/SessionList/BaseList.vue
+++ b/src/views/sessions/SessionList/BaseList.vue
@@ -49,7 +49,7 @@ export default {
             formatter: function(row, column, cellValue, index) {
               const label = index + 1
               const route = { to: { name: 'SessionDetail', params: { id: row.id }}}
-              return <router-link {...{ attrs: route }}>{ label }</router-link>
+              return <router-link {...{ attrs: route }} class='link'>{ label }</router-link>
             }
           },
           user: {
@@ -138,5 +138,7 @@ export default {
 </script>
 
 <style scoped>
-
+  .link {
+    color: var(--color-info);
+  }
 </style>