diff --git a/src/components/d3/monitoring/D3MonitoringChartEditor.tsx b/src/components/d3/monitoring/D3MonitoringChartEditor.tsx
index fef519a..2c0e8b7 100644
--- a/src/components/d3/monitoring/D3MonitoringChartEditor.tsx
+++ b/src/components/d3/monitoring/D3MonitoringChartEditor.tsx
@@ -2,7 +2,7 @@ import { Button, Checkbox, Form, FormItemProps, Input, InputNumber, Select, Tool
 import { memo, useCallback, useEffect, useMemo } from 'react'
 
 import { BaseDataType, MinMax } from '@components/d3/types'
-import { ColorPicker, Color } from '@components/ColorPicker'
+import { ColorPicker, Color } from '@components/input/ColorPicker'
 
 import { ExtendedChartDataset } from './D3MonitoringCharts'
 
diff --git a/src/components/ColorPicker.tsx b/src/components/input/ColorPicker.tsx
similarity index 98%
rename from src/components/ColorPicker.tsx
rename to src/components/input/ColorPicker.tsx
index bd8fe1a..4e5aff0 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/input/ColorPicker.tsx
@@ -2,7 +2,7 @@ import { memo, useCallback, useEffect, useMemo, useState } from 'react'
 import { Input, Popover, Slider } from 'antd'
 import { CopyOutlined } from '@ant-design/icons'
 
-import { copyToClipboard } from './factory'
+import { copyToClipboard } from '@components/factory'
 
 import '@styles/components/color_picker.less'