From f1c2e4a9924a3990509041921a48baaae9dc7b07 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Wed, 9 Nov 2022 01:36:27 -0300
Subject: [PATCH] Fix FurnitureBackgroundColorView

---
 .../widgets/furniture/FurnitureBackgroundColorView.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/room/widgets/furniture/FurnitureBackgroundColorView.tsx b/src/components/room/widgets/furniture/FurnitureBackgroundColorView.tsx
index ce8e8a82..804462d6 100644
--- a/src/components/room/widgets/furniture/FurnitureBackgroundColorView.tsx
+++ b/src/components/room/widgets/furniture/FurnitureBackgroundColorView.tsx
@@ -20,7 +20,7 @@ export const FurnitureBackgroundColorView: FC<{}> = props =>
                         <ReactSlider
                             className={ 'nitro-slider' }
                             min={ 0 }
-                            max={ 360 }
+                            max={ 255 }
                             value={ hue }
                             onChange={ event => setHue(event) }
                             thumbClassName={ 'thumb degree' }
@@ -31,10 +31,10 @@ export const FurnitureBackgroundColorView: FC<{}> = props =>
                         <ReactSlider
                             className={ 'nitro-slider' }
                             min={ 0 }
-                            max={ 100 }
+                            max={ 255 }
                             value={ saturation }
                             onChange={ event => setSaturation(event) }
-                            thumbClassName={ 'thumb percent' }
+                            thumbClassName={ 'thumb degree' }
                             renderThumb={ (props, state) => <div { ...props }>{ state.valueNow }</div> } />
                     </Column>
                     <Column>
@@ -42,10 +42,10 @@ export const FurnitureBackgroundColorView: FC<{}> = props =>
                         <ReactSlider
                             className={ 'nitro-slider' }
                             min={ 0 }
-                            max={ 100 }
+                            max={ 255 }
                             value={ lightness }
                             onChange={ event => setLightness(event) }
-                            thumbClassName={ 'thumb percent' }
+                            thumbClassName={ 'thumb degree' }
                             renderThumb={ (props, state) => <div { ...props }>{ state.valueNow }</div> } />
                     </Column>
                 </Column>