diff --git a/elements/_tables.scss b/elements/_tables.scss
index e1d6849..ec0bd2e 100644
--- a/elements/_tables.scss
+++ b/elements/_tables.scss
@@ -161,8 +161,25 @@ tfoot {
 // -----------------------------------------------------------------------------
 tr {
 	&.active {
-		color: config.$color_highlight_basic;
-		background-color: config.$color_action_basic;
+		position: relative;
+
+		& > * {
+			//color: config.$color_highlight_basic;
+			//background-color: config.$color_action_basic;
+			//box-shadow: inset 0 0 0 9999px config.$color_action_basic;
+		}
+
+		& > *::before {
+			content: '';
+			z-index: 10;
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			box-shadow: config.$overlay_focus;
+			pointer-events: none;
+		}
 	}
 }
 
diff --git a/global/_config.scss b/global/_config.scss
index cb3bd3f..247d583 100644
--- a/global/_config.scss
+++ b/global/_config.scss
@@ -210,6 +210,7 @@ $border_io_dotted: $width_border_io dotted $color_border_io;
 
 $shadow_basic: inset 0 1px 3px rgba($color_darkest, 0.06);
 $shadow_focus: $shadow_basic, 0 0 5px color.adjust($color_action_basic, $lightness: -5%, $alpha: -0.3);
+$overlay_focus: inset 0 0 9999px color.adjust($color_action_basic, $lightness: -5%, $alpha: -0.5);
 
 
 // ANIMATIONS