diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/component.jsx b/bigbluebutton-html5/imports/ui/components/whiteboard/component.jsx
index c213b86273..f092597209 100644
--- a/bigbluebutton-html5/imports/ui/components/whiteboard/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/component.jsx
@@ -347,9 +347,9 @@ export default Whiteboard = React.memo(function Whiteboard(props) {
       };
 
       if (!shapeSelected) {
-        if (event.key === 'ArrowRight') {
+        if (event.keyCode === KEY_CODES.ARROW_RIGHT) {
           changeSlide(1); // Move to the next slide
-        } else if (event.key === 'ArrowLeft') {
+        } else if (event.keyCode === KEY_CODES.ARROW_LEFT) {
           changeSlide(-1); // Move to the previous slide
         }
       }
@@ -377,7 +377,7 @@ export default Whiteboard = React.memo(function Whiteboard(props) {
         }
       }
 
-      if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
+      if (event.keyCode === KEY_CODES.ARROW_RIGHT || event.keyCode === KEY_CODES.ARROW_LEFT) {
         handleArrowPress(event)
       }
     };