diff --git a/app/javascript/sdk/IFrameHelper.js b/app/javascript/sdk/IFrameHelper.js
index e5fadfbd4..751e9fa6b 100644
--- a/app/javascript/sdk/IFrameHelper.js
+++ b/app/javascript/sdk/IFrameHelper.js
@@ -4,8 +4,6 @@ import {
   body,
   widgetHolder,
   createBubbleHolder,
-  disableScroll,
-  enableScroll,
   createBubbleIcon,
   bubbleImg,
   chatBubble,
@@ -37,6 +35,7 @@ export const IFrameHelper = {
     IFrameHelper.initPostMessageCommunication();
     IFrameHelper.initLocationListener();
     IFrameHelper.initWindowSizeListener();
+    IFrameHelper.preventDefaultScroll();
   },
   getAppFrame: () => document.getElementById('chatwoot_live_chat_widget'),
   sendMessage: (key, value) => {
@@ -70,6 +69,21 @@ export const IFrameHelper = {
       IFrameHelper.toggleCloseButton();
     });
   },
+  preventDefaultScroll: () => {
+    widgetHolder.addEventListener('wheel', event => {
+      const deltaY = event.deltaY;
+      const contentHeight = widgetHolder.scrollHeight;
+      const visibleHeight = widgetHolder.offsetHeight;
+      const scrollTop = widgetHolder.scrollTop;
+
+      if (
+        (scrollTop === 0 && deltaY < 0) ||
+        (visibleHeight + scrollTop === contentHeight && deltaY > 0)
+      ) {
+        event.preventDefault();
+      }
+    });
+  },
   events: {
     loaded: message => {
       Cookies.set('cw_conversation', message.config.authToken, {
@@ -99,8 +113,6 @@ export const IFrameHelper = {
     const iframe = IFrameHelper.getAppFrame();
     iframe.style.visibility = '';
     iframe.setAttribute('id', `chatwoot_live_chat_widget`);
-    iframe.onmouseenter = disableScroll;
-    iframe.onmouseleave = enableScroll;
 
     loadCSS();
     createBubbleHolder();
diff --git a/app/javascript/sdk/bubbleHelpers.js b/app/javascript/sdk/bubbleHelpers.js
index 664bac5ec..cb58a4431 100644
--- a/app/javascript/sdk/bubbleHelpers.js
+++ b/app/javascript/sdk/bubbleHelpers.js
@@ -12,7 +12,6 @@ export const chatBubble = document.createElement('div');
 export const closeBubble = document.createElement('div');
 
 export const notificationBubble = document.createElement('span');
-const bodyOverFlowStyle = document.body.style.overflow;
 
 export const createBubbleIcon = ({ className, src, target }) => {
   target.className = `${className} woot-elements--${window.$chatwoot.position}`;
@@ -45,11 +44,3 @@ export const onBubbleClick = () => {
 export const onClickChatBubble = () => {
   wootOn(bubbleHolder, 'click', onBubbleClick);
 };
-
-export const disableScroll = () => {
-  document.body.style.overflow = 'hidden';
-};
-
-export const enableScroll = () => {
-  document.body.style.overflow = bodyOverFlowStyle;
-};