1 files changed, 7 insertions, 3 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index 3a9057c6..238f13c9 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -9,7 +9,7 @@
     background: transparent;
     border-radius: 3px;
     cursor: pointer;
-    transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease;
+    transition: all 0.3s ease;
     color: inherit;
 
     svg {
@@ -29,6 +29,11 @@
     &:focus {
         outline: 0;
     }
+
+    // Tab focus
+    &.plyr__tab-focus {
+        .plyr-tab-focus();
+    }
 }
 
 // Change icons on state change
@@ -85,8 +90,7 @@
     }
 
     &.plyr__tab-focus {
-        outline: 0;
-        box-shadow: 0 0 0 3px fade(@plyr-video-control-color, 50%);
+        .plyr-tab-focus();
     }
 }