diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 9093b27ea8..338b97df58 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -5069,18 +5069,30 @@ button.module-calling-participants-list__contact {
         }
       }
 
-      &:hover:not(:disabled, &--disabled, &--is-selected),
-      &:focus:not(:disabled, &--disabled, &--is-selected) {
-        @include mixins.light-theme {
-          background-color: variables.$color-gray-05;
-          #{$unread-indicator} {
-            border-color: variables.$color-gray-05;
-          }
+      &:hover:not(:disabled, &--disabled, &--is-selected) {
+        background-color: light-dark(
+          variables.$color-gray-05,
+          variables.$color-gray-75
+        );
+        #{$unread-indicator} {
+          border-color: light-dark(
+            variables.$color-gray-05,
+            variables.$color-gray-75
+          );
         }
-        @include mixins.dark-theme {
-          background-color: variables.$color-gray-75;
+      }
+
+      @include mixins.keyboard-mode {
+        &:focus:not(:disabled, &--disabled, &--is-selected) {
+          background-color: light-dark(
+            variables.$color-gray-05,
+            variables.$color-gray-75
+          );
           #{$unread-indicator} {
-            border-color: variables.$color-gray-75;
+            border-color: light-dark(
+              variables.$color-gray-05,
+              variables.$color-gray-75
+            );
           }
         }
       }