diff --git a/bigbluebutton-html5/imports/ui/components/presentation/component.jsx b/bigbluebutton-html5/imports/ui/components/presentation/component.jsx
index eef5471ae2..8835e687f4 100755
--- a/bigbluebutton-html5/imports/ui/components/presentation/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/presentation/component.jsx
@@ -713,6 +713,7 @@ class Presentation extends PureComponent {
       fullscreenContext,
       layoutContextDispatch,
       presentationIsOpen,
+      slidePosition,
     } = this.props;
     const { zoom, fitToWidth } = this.state;
 
@@ -732,6 +733,7 @@ class Presentation extends PureComponent {
           zoom,
           podId,
           currentSlide,
+          slidePosition,
           toolbarWidth,
           fullscreenElementId,
           layoutContextDispatch,
diff --git a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/component.jsx b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/component.jsx
index 65304b3d9b..9d6ff822bf 100755
--- a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/component.jsx
@@ -253,6 +253,8 @@ class PresentationToolbar extends PureComponent {
       parseCurrentSlideContent,
       startPoll,
       currentSlide,
+      slidePosition,
+      tldrawAPI,
       toolbarWidth,
       multiUserSize,
       multiUser,
@@ -378,16 +380,15 @@ class PresentationToolbar extends PureComponent {
             {!isMobile ? (
               <TooltipContainer>
                 <ZoomTool
-                  zoomValue={
-                    this.props?.tldrawAPI?.getPageState()?.camera?.zoom
-                  }
+                  slidePosition={slidePosition}
+                  zoomValue={tldrawAPI?.getPageState()?.camera?.zoom}
                   currentSlideNum={currentSlideNum}
                   change={this.change}
                   minBound={0.1}
                   maxBound={5}
                   step={STEP}
                   isMeteorConnected={isMeteorConnected}
-                  tldrawAPI={this.props?.tldrawAPI}
+                  tldrawAPI={tldrawAPI}
                 />
               </TooltipContainer>
             ) : null}
diff --git a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/zoom-tool/component.jsx b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/zoom-tool/component.jsx
index dba633459d..e933509bd8 100644
--- a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/zoom-tool/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/zoom-tool/component.jsx
@@ -147,6 +147,7 @@ class ZoomTool extends PureComponent {
       isMeteorConnected,
       step,
       tldrawAPI,
+      slidePosition,
     } = this.props;
     const { stateZoomValue } = this.state;
 
@@ -193,7 +194,7 @@ class ZoomTool extends PureComponent {
               aria-describedby="resetZoomDescription"
               disabled={(stateZoomValue === minBound) || !isMeteorConnected}
               color="default"
-              customIcon={`${parseInt(this.props?.tldrawAPI?.getPageState()?.camera?.zoom * 100)}%`}
+              customIcon={`${parseInt(slidePosition?.zoom * 100)}%`}
               size="md"
               onClick={() => tldrawAPI?.zoomTo(1)}
               label={intl.formatMessage(intlMessages.resetZoomLabel)}