diff --git a/core/frontend/src/cards/css/video.css b/core/frontend/src/cards/css/video.css
index 9bf6d45bd9..859cb5051c 100644
--- a/core/frontend/src/cards/css/video.css
+++ b/core/frontend/src/cards/css/video.css
@@ -40,7 +40,7 @@
     background: transparent;
 }
 
-.kg-player {
+.kg-video-player {
     display: flex;
     flex-grow: 1;
     align-items: center;
diff --git a/core/frontend/src/cards/js/video.js b/core/frontend/src/cards/js/video.js
index b9ca5289e3..b68c0e5f35 100644
--- a/core/frontend/src/cards/js/video.js
+++ b/core/frontend/src/cards/js/video.js
@@ -1,6 +1,6 @@
 (function() {
     const handleVideoPlayer = function (videoElementContainer) {
-        const videoPlayerContainer = videoElementContainer.querySelector('.kg-player');
+        const videoPlayerContainer = videoElementContainer.querySelector('.kg-video-player');
         const playIconContainer = videoElementContainer.querySelector('.kg-video-play-icon');
         const pauseIconContainer = videoElementContainer.querySelector('.kg-video-pause-icon');
         const seekSlider = videoElementContainer.querySelector('.kg-video-seek-slider');