diff --git a/css/main.css b/css/main.css
index 307d0437..62dfc05f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1624,3 +1624,8 @@ button:focus {
     justify-content: center;
     display: none;
 }
+
+/* Disable hover effects while scrolling */
+.chat-parent.scrolling * {
+    pointer-events: none !important;
+}
diff --git a/js/main.js b/js/main.js
index e9ca5a0b..1953a6be 100644
--- a/js/main.js
+++ b/js/main.js
@@ -146,8 +146,12 @@ const targetElement = document.getElementById("chat").parentNode.parentNode.pare
 targetElement.classList.add("pretty_scrollbar");
 targetElement.classList.add("chat-parent");
 let isScrolled = false;
+let scrollTimeout;
 
 targetElement.addEventListener("scroll", function() {
+  // Add scrolling class to disable hover effects
+  targetElement.classList.add("scrolling");
+
   let diff = targetElement.scrollHeight - targetElement.clientHeight;
   if(Math.abs(targetElement.scrollTop - diff) <= 10 || diff == 0) {
     isScrolled = false;
@@ -155,7 +159,12 @@ targetElement.addEventListener("scroll", function() {
     isScrolled = true;
   }
 
-  doSyntaxHighlighting();
+  // Clear previous timeout and set new one
+  clearTimeout(scrollTimeout);
+  scrollTimeout = setTimeout(() => {
+    targetElement.classList.remove("scrolling");
+    doSyntaxHighlighting(); // Only run after scrolling stops
+  }, 150);
 
 });