diff --git a/packages/base/src/dialogs/symbology/components/color_ramp/ColorRampSelector.tsx b/packages/base/src/dialogs/symbology/components/color_ramp/ColorRampSelector.tsx
index 025566dd2..b33bf38c5 100644
--- a/packages/base/src/dialogs/symbology/components/color_ramp/ColorRampSelector.tsx
+++ b/packages/base/src/dialogs/symbology/components/color_ramp/ColorRampSelector.tsx
@@ -42,7 +42,7 @@ const ColorRampSelector: React.FC<IColorRampSelectorProps> = ({
     if (colorMaps.length > 0) {
       updateCanvas(selectedRamp);
     }
-  }, [selectedRamp]);
+  }, [selectedRamp, colorMaps]);
 
   const toggleDropdown = () => {
     setIsOpen(!isOpen);