diff --git a/src/component/showcase/index.js b/src/component/showcase/index.js
index 6853fb80..4233debb 100644
--- a/src/component/showcase/index.js
+++ b/src/component/showcase/index.js
@@ -62,11 +62,11 @@ showcase.state.default = {
         a: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
         b: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
       },
-      mixer: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
       inputButton: {
         a: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
         b: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
-      }
+      },
+      mixer: { hsl: { h: 221, s: 100, l: 50 }, rgb: { r: 0, g: 80, b: 255 } },
     },
     number: 50,
     numberRange: { start: 20, end: 80 },
@@ -77,7 +77,7 @@ showcase.state.default = {
 showcase.state.minMax = {
   input: {
     color: {
-      color: {
+      inputButton: {
         a: { hsl: { h: { min: 0, max: 359 }, s: { min: 0, max: 100 }, l: { min: 0, max: 100 } } },
         b: { hsl: { h: { min: 0, max: 359 }, s: { min: 0, max: 100 }, l: { min: 0, max: 100 } } },
       },
@@ -85,10 +85,6 @@ showcase.state.minMax = {
         hsl: { h: { min: 0, max: 359 }, s: { min: 0, max: 100 }, l: { min: 0, max: 100 } },
         rgb: { r: { min: 0, max: 255 }, g: { min: 0, max: 255 }, b: { min: 0, max: 255 } },
       },
-      inputButton: {
-        a: { hsl: { h: { min: 0, max: 359 }, s: { min: 0, max: 100 }, l: { min: 0, max: 100 } } },
-        b: { hsl: { h: { min: 0, max: 359 }, s: { min: 0, max: 100 }, l: { min: 0, max: 100 } } },
-      },
     },
     number: { min: 0, max: 100 },
     numberRange: { start: { min: 0, max: 100 }, end: { min: 0, max: 100 } },