3 files changed, 2 insertions, 3 deletions
diff --git a/src/sass/components/badges.scss b/src/sass/components/badges.scss
index 3a9a28b5..46c87d03 100644
--- a/src/sass/components/badges.scss
+++ b/src/sass/components/badges.scss
@@ -6,7 +6,7 @@
     background: $plyr-badge-bg;
     border-radius: 2px;
     color: $plyr-badge-color;
-    font-size: $plyr-font-size-badge;
+    font-size: var(--plyr-font-size-badge);
     line-height: 1;
     padding: 3px 4px;
 }
diff --git a/src/sass/components/captions.scss b/src/sass/components/captions.scss
index b8e2d771..d7951b96 100644
--- a/src/sass/components/captions.scss
+++ b/src/sass/components/captions.scss
@@ -56,4 +56,3 @@
 .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
     transform: translateY(-($plyr-control-spacing * 4));
 }
-
diff --git a/src/sass/components/control.scss b/src/sass/components/control.scss
index eedcab13..ee24604e 100644
--- a/src/sass/components/control.scss
+++ b/src/sass/components/control.scss
@@ -82,7 +82,7 @@ a.plyr__control {
     border: 0;
     border-radius: 100%;
     box-shadow: 0 1px 1px rgba(#000, 0.15);
-    color: var(--plyr-video-control-color);
+    color: var(--plyr-video-control-color-hover);
     display: none;
     left: 50%;
     padding: ceil($plyr-control-spacing * 1.5);