diff --git a/frontend-tools/video-js/src/VideoJS.css b/frontend-tools/video-js/src/VideoJS.css
index 6a5c23ce..95ab3bbf 100644
--- a/frontend-tools/video-js/src/VideoJS.css
+++ b/frontend-tools/video-js/src/VideoJS.css
@@ -498,14 +498,14 @@ html {
     margin: 0 auto;
     padding: 0 20px;
     box-sizing: border-box;
-    overflow-x: hidden;
+    overflow: hidden; /* Prevent both horizontal and vertical scrollbars */
     position: relative;
 }
 
 .video-js-root-main {
     width: 100%;
     max-width: 100%;
-    overflow-x: hidden;
+    overflow: hidden; /* Prevent both horizontal and vertical scrollbars */
 }
 
 .video-js.vjs-fluid {
@@ -593,6 +593,7 @@ button {
     padding: 0;
     height: 100% !important;
     outline: none; /* Remove default browser focus outline */
+    overflow: hidden; /* Prevent scrollbars on the video player itself */
 }
 
 /* Ensure video player is focusable */
diff --git a/frontend-tools/video-js/src/styles/embed.css b/frontend-tools/video-js/src/styles/embed.css
index f22fb161..9652b526 100644
--- a/frontend-tools/video-js/src/styles/embed.css
+++ b/frontend-tools/video-js/src/styles/embed.css
@@ -44,12 +44,14 @@
     height: 100vh !important;
     border-radius: 0;
     position: relative;
+    overflow: hidden; /* Prevent scrollbars in embed video player */
 }
 
 /* Prevent page scrolling when embed is active */
 #page-embed .video-js-root-embed {
     position: fixed;
     top: 0;
+    overflow: hidden; /* Prevent scrollbars in embed mode */
 }
 
 /* Sticky controls for embed player - always at bottom of window */