diff --git a/Resources/Public/ColorPickerEditor/Plugin.css b/Resources/Public/ColorPickerEditor/Plugin.css
index 414d53f..6d0cbb6 100644
--- a/Resources/Public/ColorPickerEditor/Plugin.css
+++ b/Resources/Public/ColorPickerEditor/Plugin.css
@@ -23,15 +23,16 @@
 
 .Alpha-module__pointer___2vQyZ {
   position: absolute;
+  top: -2px;
+  bottom: -2px;
 }
 
 .Alpha-module__slider___3pKvk {
   width: 4px;
   border-radius: 2px;
-  height: 19px;
+  height: 100%;
   box-shadow: none;
   background: #fff;
-  margin-top: -2px;
   transform: translateX(-2px);
 }
 
@@ -51,11 +52,13 @@
 .Hue-module__pointer___1y7dy {
   position: absolute;
   border-radius: 2px;
+  top: -2px;
+  bottom: -2px;
 }
 
 .Hue-module__slider___Jukfo {
-  margin-top: -2px;
-  height: 2px;
+  width: 4px;
+  height: 100%;
   background: #fff;
   border-radius: 2px;
   transform: translateX(-2px);
@@ -126,9 +129,6 @@
   border-radius: 2px;
 }
 
-:root {
-}
-
 .ColorPicker-module__picker___1pjnh {
   padding: 0;
   box-sizing: initial;
@@ -157,6 +157,7 @@
   flex-direction: column;
   justify-content: space-between;
   padding: 1px 0;
+  gap: 10px;
 }
 
 .ColorPicker-module__color___1_nmF {
@@ -186,14 +187,14 @@
 .ColorPicker-module__hue___1SJB- {
   position: relative;
   margin-right: 10px;
-  height: 15px;
+  flex: 1 1 15px;
   border-radius: 2px;
 }
 
 .ColorPicker-module__alpha___3_lDy {
   position: relative;
   margin-right: 10px;
-  height: 15px;
+  flex: 1 1 15px;
   overflow: visible;
   border-radius: 2px;
   background: #fff;
diff --git a/Resources/Public/ColorPickerEditor/Plugin.css.map b/Resources/Public/ColorPickerEditor/Plugin.css.map
index 3da57cf..64c2a62 100644
--- a/Resources/Public/ColorPickerEditor/Plugin.css.map
+++ b/Resources/Public/ColorPickerEditor/Plugin.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/NeosColorPicker/Alpha.module.css","webpack:///./src/NeosColorPicker/Hue.module.css","webpack:///./src/NeosColorPicker/Fields.module.css","webpack:///./src/NeosColorPicker/PresetColors.module.css","webpack:///./src/NeosColorPicker/ColorPicker.module.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;ACxBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AClBA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"./Plugin.css","sourcesContent":[".Alpha-module__alpha___1lSC6 {\n  position: absolute;\n  inset: 0;\n}\n\n.Alpha-module__checkboard___3i-ZN {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\n.Alpha-module__gradient___TxTgt {\n  position: absolute;\n  inset: 0;\n  border-radius: 2px;\n}\n\n.Alpha-module__container___nDeiz {\n  position: relative;\n  height: 100%;\n  margin: 0 3px;\n}\n\n.Alpha-module__pointer___2vQyZ {\n  position: absolute;\n}\n\n.Alpha-module__slider___3pKvk {\n  width: 4px;\n  border-radius: 2px;\n  height: 19px;\n  box-shadow: none;\n  background: #fff;\n  margin-top: -2px;\n  transform: translateX(-2px);\n}\n",".Hue-module__hue___9BqSe {\n  position: absolute;\n  inset: 0;\n}\n\n.Hue-module__container___1lL1F {\n  padding: 0 2px;\n  position: relative;\n  height: 100%;\n  border-radius: 2px;\n  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n\n.Hue-module__pointer___1y7dy {\n  position: absolute;\n  border-radius: 2px;\n}\n\n.Hue-module__slider___Jukfo {\n  margin-top: -2px;\n  height: 2px;\n  background: #fff;\n  border-radius: 2px;\n  transform: translateX(-2px);\n}\n",".Fields-module__fields___KGo76 {\n  display: flex;\n  padding-top: 4px;\n}\n\n.Fields-module__fields___KGo76 input {\n  width: 100%;\n  padding: 6px;\n  border: none;\n  font-size: 13px;\n  background: #323232;\n  border-radius: 2px;\n  text-align: center;\n  color: #fff;\n}\n\n.Fields-module__fields___KGo76 label {\n  display: block;\n  text-align: center;\n  font-size: 11px;\n  color: #fff;\n  padding-top: 3px;\n  padding-bottom: 4px;\n  text-transform: capitalize;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n.Fields-module__single___3TwXb {\n  flex: 1;\n  padding-left: 6px;\n}\n\n.Fields-module__alpha___1UCpS {\n  flex: 1;\n  padding-left: 6px;\n}\n\n.Fields-module__double___21_iN {\n  flex: 2;\n  margin-right: 10px;\n}\n",".PresetColors-module__colors___3cxDO {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));\n  grid-gap: 10px;\n  margin-top: 10px;\n  padding-top: 15px;\n  border-top: 1px solid #3f3f3f;\n}\n\n.PresetColors-module__swatchWrap___2sFLz {\n  width: 18px;\n  height: 18px;\n}\n\n.PresetColors-module__swatch___3O-KZ {\n  border: 1px solid #3f3f3f;\n  border-radius: 2px;\n}\n",":root {\n}\n\n.ColorPicker-module__picker___1pjnh {\n  padding: 0;\n  box-sizing: initial;\n  width: auto;\n  background: transparent;\n  border-radius: 0;\n}\n\n.ColorPicker-module__saturation___2fGnx {\n  position: relative;\n  margin-bottom: 10px;\n  padding-bottom: 75%;\n  overflow: hidden;\n  width: 100%;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__controls___E3Bte {\n  display: flex;\n  padding-bottom: 10px;\n}\n\n.ColorPicker-module__sliders___3gnn9 {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1px 0;\n}\n\n.ColorPicker-module__color___1_nmF {\n  position: relative;\n  overflow: hidden;\n  width: 41px;\n  height: 41px;\n  background: #fff;\n  border: 1px solid #323232;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__colorWide___16MG- {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 41px;\n  background: #fff;\n  border: 1px solid #323232;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__reset___1vFnW {\n  margin-left: 10px;\n}\n\n.ColorPicker-module__hue___1SJB- {\n  position: relative;\n  margin-right: 10px;\n  height: 15px;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__alpha___3_lDy {\n  position: relative;\n  margin-right: 10px;\n  height: 15px;\n  overflow: visible;\n  border-radius: 2px;\n  background: #fff;\n}\n\n.ColorPicker-module__activeColor___11Cgh {\n  position: absolute;\n  inset: 0;\n  box-shadow: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./src/NeosColorPicker/Alpha.module.css","webpack:///./src/NeosColorPicker/Hue.module.css","webpack:///./src/NeosColorPicker/Fields.module.css","webpack:///./src/NeosColorPicker/PresetColors.module.css","webpack:///./src/NeosColorPicker/ColorPicker.module.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACpCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AC1BA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"./Plugin.css","sourcesContent":[".Alpha-module__alpha___1lSC6 {\n  position: absolute;\n  inset: 0;\n}\n\n.Alpha-module__checkboard___3i-ZN {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\n.Alpha-module__gradient___TxTgt {\n  position: absolute;\n  inset: 0;\n  border-radius: 2px;\n}\n\n.Alpha-module__container___nDeiz {\n  position: relative;\n  height: 100%;\n  margin: 0 3px;\n}\n\n.Alpha-module__pointer___2vQyZ {\n  position: absolute;\n  top: -2px;\n  bottom: -2px;\n}\n\n.Alpha-module__slider___3pKvk {\n  width: 4px;\n  border-radius: 2px;\n  height: 100%;\n  box-shadow: none;\n  background: #fff;\n  transform: translateX(-2px);\n}\n",".Hue-module__hue___9BqSe {\n  position: absolute;\n  inset: 0;\n}\n\n.Hue-module__container___1lL1F {\n  padding: 0 2px;\n  position: relative;\n  height: 100%;\n  border-radius: 2px;\n  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n}\n\n.Hue-module__pointer___1y7dy {\n  position: absolute;\n  border-radius: 2px;\n  top: -2px;\n  bottom: -2px;\n}\n\n.Hue-module__slider___Jukfo {\n  width: 4px;\n  height: 100%;\n  background: #fff;\n  border-radius: 2px;\n  transform: translateX(-2px);\n}\n",".Fields-module__fields___KGo76 {\n  display: flex;\n  padding-top: 4px;\n}\n\n.Fields-module__fields___KGo76 input {\n  width: 100%;\n  padding: 6px;\n  border: none;\n  font-size: 13px;\n  background: #323232;\n  border-radius: 2px;\n  text-align: center;\n  color: #fff;\n}\n\n.Fields-module__fields___KGo76 label {\n  display: block;\n  text-align: center;\n  font-size: 11px;\n  color: #fff;\n  padding-top: 3px;\n  padding-bottom: 4px;\n  text-transform: capitalize;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n.Fields-module__single___3TwXb {\n  flex: 1;\n  padding-left: 6px;\n}\n\n.Fields-module__alpha___1UCpS {\n  flex: 1;\n  padding-left: 6px;\n}\n\n.Fields-module__double___21_iN {\n  flex: 2;\n  margin-right: 10px;\n}\n",".PresetColors-module__colors___3cxDO {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));\n  grid-gap: 10px;\n  margin-top: 10px;\n  padding-top: 15px;\n  border-top: 1px solid #3f3f3f;\n}\n\n.PresetColors-module__swatchWrap___2sFLz {\n  width: 18px;\n  height: 18px;\n}\n\n.PresetColors-module__swatch___3O-KZ {\n  border: 1px solid #3f3f3f;\n  border-radius: 2px;\n}\n",".ColorPicker-module__picker___1pjnh {\n  padding: 0;\n  box-sizing: initial;\n  width: auto;\n  background: transparent;\n  border-radius: 0;\n}\n\n.ColorPicker-module__saturation___2fGnx {\n  position: relative;\n  margin-bottom: 10px;\n  padding-bottom: 75%;\n  overflow: hidden;\n  width: 100%;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__controls___E3Bte {\n  display: flex;\n  padding-bottom: 10px;\n}\n\n.ColorPicker-module__sliders___3gnn9 {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 1px 0;\n  gap: 10px;\n}\n\n.ColorPicker-module__color___1_nmF {\n  position: relative;\n  overflow: hidden;\n  width: 41px;\n  height: 41px;\n  background: #fff;\n  border: 1px solid #323232;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__colorWide___16MG- {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 41px;\n  background: #fff;\n  border: 1px solid #323232;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__reset___1vFnW {\n  margin-left: 10px;\n}\n\n.ColorPicker-module__hue___1SJB- {\n  position: relative;\n  margin-right: 10px;\n  flex: 1 1 15px;\n  border-radius: 2px;\n}\n\n.ColorPicker-module__alpha___3_lDy {\n  position: relative;\n  margin-right: 10px;\n  flex: 1 1 15px;\n  overflow: visible;\n  border-radius: 2px;\n  background: #fff;\n}\n\n.ColorPicker-module__activeColor___11Cgh {\n  position: absolute;\n  inset: 0;\n  box-shadow: none;\n}\n"],"sourceRoot":""}
\ No newline at end of file