diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index b3ef056..8b8c4a8 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -17,6 +17,9 @@
   .thead-light th {
     border: none;
     color: theme-color("dark");
+    &:focus {
+      outline: none;
+    }
   }
 
   .status-icon svg {
@@ -60,6 +63,17 @@
       fill: theme-color("dark");
     }
   }
+  .b-table-sort-icon-left {
+    background-position: left calc(1.5rem / 2) center !important;
+    padding-left: calc(1.2rem + 0.65em) !important;
+    &:focus {
+      outline: none;
+      box-shadow: inset 0 0 0 2px theme-color('primary') !important;
+    }
+    &:hover {
+      background-color: theme-color-dark('light');
+    }
+  }
 }
 
 .b-table-sticky-header td {
diff --git a/src/assets/styles/bmc/helpers/_functions.scss b/src/assets/styles/bmc/helpers/_functions.scss
index 456caf3..57956c9 100644
--- a/src/assets/styles/bmc/helpers/_functions.scss
+++ b/src/assets/styles/bmc/helpers/_functions.scss
@@ -2,4 +2,8 @@
 // theme variant color to use as a background color
 @function theme-color-light($variant) {
   @return theme-color-level($variant, -11.3);
+}
+
+@function theme-color-dark($variant) {
+  @return theme-color-level($variant, 2);
 }
\ No newline at end of file