diff --git a/packages/geoview-core/src/core/components/layers/left-panel/layers-list.tsx b/packages/geoview-core/src/core/components/layers/left-panel/layers-list.tsx
index eeb904b5b0e..1f03e6c333d 100644
--- a/packages/geoview-core/src/core/components/layers/left-panel/layers-list.tsx
+++ b/packages/geoview-core/src/core/components/layers/left-panel/layers-list.tsx
@@ -62,7 +62,6 @@ export function LayersList({ layersList, showLayerDetailsPanel, isLayoutEnlarged
           layer={layer}
           depth={depth}
           showLayerDetailsPanel={showLayerDetailsPanel}
-          index={index}
           isFirst={isFirst}
           isLast={isLast}
           isLayoutEnlarged={isLayoutEnlarged}
diff --git a/packages/geoview-core/src/core/components/layers/left-panel/single-layer.tsx b/packages/geoview-core/src/core/components/layers/left-panel/single-layer.tsx
index 6ef451494f4..d344160a0e8 100644
--- a/packages/geoview-core/src/core/components/layers/left-panel/single-layer.tsx
+++ b/packages/geoview-core/src/core/components/layers/left-panel/single-layer.tsx
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
-import { animated, useSpring } from '@react-spring/web';
+import { animated } from '@react-spring/web';
 import { Theme } from '@mui/material/styles';
 import {
   Collapse,
@@ -44,21 +44,12 @@ interface SingleLayerProps {
   layer: TypeLegendLayer;
   depth: number;
   showLayerDetailsPanel: (layerId: string) => void;
-  index: number;
   isFirst: boolean;
   isLast: boolean;
   isLayoutEnlarged: boolean;
 }
 
-export function SingleLayer({
-  depth,
-  layer,
-  showLayerDetailsPanel,
-  index,
-  isFirst,
-  isLast,
-  isLayoutEnlarged,
-}: SingleLayerProps): JSX.Element {
+export function SingleLayer({ depth, layer, showLayerDetailsPanel, isFirst, isLast, isLayoutEnlarged }: SingleLayerProps): JSX.Element {
   // Log
   logger.logTraceRender('components/layers/left-panel/single-layer', layer.layerPath);
 
@@ -88,12 +79,6 @@ export function SingleLayer({
   // const layerChildren: TypeLegendLayer[] | undefined = useSelectorLayerChildren(layer.layerPath);
   // const layerItems: TypeLegendItem[] | undefined = useSelectorLayerItems(layer.layerPath);
 
-  const listItemSpring = useSpring({
-    delay: index * 150 + (depth * 150) / 2,
-    from: { opacity: 0.1 },
-    to: { opacity: 1 },
-  });
-
   // if any of the child layers is selected return true
   const isLayerChildSelected = useCallback(
     (startingLayer: TypeLegendLayer): boolean => {
@@ -447,7 +432,7 @@ export function SingleLayer({
   const AnimatedPaper = animated(Paper);
 
   return (
-    <AnimatedPaper className={memoContainerClass} style={listItemSpring} data-layer-depth={depth}>
+    <AnimatedPaper className={memoContainerClass} data-layer-depth={depth}>
       <Tooltip title={layer.layerName} placement="top" enterDelay={1000} arrow>
         <ListItem id={layer.layerId} key={layer.layerName} divider tabIndex={0} onKeyDown={handleListItemKeyDown}>
           <ListItemButton