diff --git a/bigbluebutton-html5/imports/ui/components/whiteboard/whiteboard-overlay/text-draw-listener/component.jsx b/bigbluebutton-html5/imports/ui/components/whiteboard/whiteboard-overlay/text-draw-listener/component.jsx
index cce60f2a7072fe43cdc06e867d478a40976a5b48..990e60d6ec25b773c2e973110e620ce82d418e35 100755
--- a/bigbluebutton-html5/imports/ui/components/whiteboard/whiteboard-overlay/text-draw-listener/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/whiteboard/whiteboard-overlay/text-draw-listener/component.jsx
@@ -5,7 +5,9 @@ const ANNOTATION_CONFIG = Meteor.settings.public.whiteboard.annotations;
 const DRAW_START = ANNOTATION_CONFIG.status.start;
 const DRAW_UPDATE = ANNOTATION_CONFIG.status.update;
 const DRAW_END = ANNOTATION_CONFIG.status.end;
-const MAX_Z_INDEX = 2147483647; // maximun value of z-index to prevent other things from overlapping
+
+// maximum value of z-index to prevent other things from overlapping
+const MAX_Z_INDEX = 2 ** 31 - 1;
 
 export default class TextDrawListener extends Component {
   constructor() {