diff --git a/src/vs/workbench/contrib/void/browser/react/src/util/useScrollbarStyles.tsx b/src/vs/workbench/contrib/void/browser/react/src/util/useScrollbarStyles.tsx
index 94df3aac..1ba69c24 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/util/useScrollbarStyles.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/util/useScrollbarStyles.tsx
@@ -19,90 +19,87 @@ export const useScrollbarStyles = (containerRef: React.MutableRefObject<HTMLDivE
 				...Array.from(containerRef.current?.querySelectorAll(overflowSelector) || [])
 			];
 
-			// Clean up existing elements first
+			// Apply basic styling to all elements
 			scrollElements.forEach(element => {
-				if ((element as any).__scrollbarCleanup) {
-					(element as any).__scrollbarCleanup();
-				}
+				element.classList.add('void-scrollable-element');
 			});
 
-			// Apply styles and listeners to each scroll element
+			// Only initialize fade effects for elements that haven't been initialized yet
 			scrollElements.forEach(element => {
-				// Add the scrollable class directly to the overflow element
-				element.classList.add('void-scrollable-element');
+				if (!(element as any).__scrollbarCleanup) {
+					let fadeTimeout: NodeJS.Timeout | null = null;
+					let fadeInterval: NodeJS.Timeout | null = null;
 
-				let fadeTimeout: NodeJS.Timeout | null = null;
-				let fadeInterval: NodeJS.Timeout | null = null;
+					const fadeIn = () => {
+						if (fadeInterval) clearInterval(fadeInterval);
 
-				const fadeIn = () => {
-					if (fadeInterval) clearInterval(fadeInterval);
+						let step = 0;
+						fadeInterval = setInterval(() => {
+							if (step <= 10) {
+								element.classList.remove(`show-scrollbar-${step - 1}`);
+								element.classList.add(`show-scrollbar-${step}`);
+								step++;
+							} else {
+								clearInterval(fadeInterval!);
+							}
+						}, 10);
+					};
 
-					let step = 0;
-					fadeInterval = setInterval(() => {
-						if (step <= 10) {
-							element.classList.remove(`show-scrollbar-${step - 1}`);
-							element.classList.add(`show-scrollbar-${step}`);
-							step++;
-						} else {
-							clearInterval(fadeInterval!);
+					const fadeOut = () => {
+						if (fadeInterval) clearInterval(fadeInterval);
+
+						let step = 10;
+						fadeInterval = setInterval(() => {
+							if (step >= 0) {
+								element.classList.remove(`show-scrollbar-${step + 1}`);
+								element.classList.add(`show-scrollbar-${step}`);
+								step--;
+							} else {
+								clearInterval(fadeInterval!);
+							}
+						}, 60);
+					};
+
+					const onMouseEnter = () => {
+						if (fadeTimeout) clearTimeout(fadeTimeout);
+						if (fadeInterval) clearInterval(fadeInterval);
+						fadeIn();
+					};
+
+					const onMouseLeave = () => {
+						if (fadeTimeout) clearTimeout(fadeTimeout);
+						fadeTimeout = setTimeout(() => {
+							fadeOut();
+						}, 10);
+					};
+
+					element.addEventListener('mouseenter', onMouseEnter);
+					element.addEventListener('mouseleave', onMouseLeave);
+
+					// Store cleanup function
+					const cleanup = () => {
+						element.removeEventListener('mouseenter', onMouseEnter);
+						element.removeEventListener('mouseleave', onMouseLeave);
+						if (fadeTimeout) clearTimeout(fadeTimeout);
+						if (fadeInterval) clearInterval(fadeInterval);
+						element.classList.remove('void-scrollable-element');
+						// Remove any remaining show-scrollbar classes
+						for (let i = 0; i <= 10; i++) {
+							element.classList.remove(`show-scrollbar-${i}`);
 						}
-					}, 10);
-				};
+					};
 
-				const fadeOut = () => {
-					if (fadeInterval) clearInterval(fadeInterval);
-
-					let step = 10;
-					fadeInterval = setInterval(() => {
-						if (step >= 0) {
-							element.classList.remove(`show-scrollbar-${step + 1}`);
-							element.classList.add(`show-scrollbar-${step}`);
-							step--;
-						} else {
-							clearInterval(fadeInterval!);
-						}
-					}, 60);
-				};
-
-				const onMouseEnter = () => {
-					if (fadeTimeout) clearTimeout(fadeTimeout);
-					if (fadeInterval) clearInterval(fadeInterval);
-					fadeIn();
-				};
-
-				const onMouseLeave = () => {
-					if (fadeTimeout) clearTimeout(fadeTimeout);
-					fadeTimeout = setTimeout(() => {
-						fadeOut();
-					}, 10);
-				};
-
-				element.addEventListener('mouseenter', onMouseEnter);
-				element.addEventListener('mouseleave', onMouseLeave);
-
-				// Store cleanup function
-				const cleanup = () => {
-					element.removeEventListener('mouseenter', onMouseEnter);
-					element.removeEventListener('mouseleave', onMouseLeave);
-					if (fadeTimeout) clearTimeout(fadeTimeout);
-					if (fadeInterval) clearInterval(fadeInterval);
-					element.classList.remove('void-scrollable-element');
-					// Remove any remaining show-scrollbar classes
-					for (let i = 0; i <= 10; i++) {
-						element.classList.remove(`show-scrollbar-${i}`);
-					}
-				};
-
-				// Store the cleanup function on the element for later use
-				(element as any).__scrollbarCleanup = cleanup;
+					// Store the cleanup function on the element for later use
+					(element as any).__scrollbarCleanup = cleanup;
+				}
 			});
 		};
 
 		// Initialize for the first time
 		initializeScrollbarStyles();
 
-		// Set up mutation observer
-		const observer = new MutationObserver((mutations) => {
+		// Set up mutation observer to do the same
+		const observer = new MutationObserver(() => {
 			initializeScrollbarStyles();
 		});