diff --git a/components/editor/hsl-adjustment-controls.tsx b/components/editor/hsl-adjustment-controls.tsx
index 4b91e81d..74f22731 100644
--- a/components/editor/hsl-adjustment-controls.tsx
+++ b/components/editor/hsl-adjustment-controls.tsx
@@ -97,7 +97,7 @@ const HslAdjustmentControls = () => {
 
       // Update theme state with all changes
       setThemeState({
-        ...state,
+        ...themeState,
         hslAdjustments,
         styles: {
           light: { ...lightStyles, ...updatedLightStyles },