diff --git a/src/renderer/features/settings/components/general/theme-settings.tsx b/src/renderer/features/settings/components/general/theme-settings.tsx
index af9230ca2..d908ee546 100644
--- a/src/renderer/features/settings/components/general/theme-settings.tsx
+++ b/src/renderer/features/settings/components/general/theme-settings.tsx
@@ -1,5 +1,5 @@
-import { ColorPicker, Stack } from '@mantine/core';
-import { Switch, Select, Text } from '/@/renderer/components';
+import { ColorInput, Stack } from '@mantine/core';
+import { Switch, Select } from '/@/renderer/components';
 import {
     SettingsSection,
     SettingOption,
@@ -123,7 +123,7 @@ export const ThemeSettings = () => {
         {
             control: (
                 <Stack align="center">
-                    <ColorPicker
+                    <ColorInput
                         defaultValue={settings.accent}
                         format="rgb"
                         swatches={[
@@ -134,6 +134,7 @@ export const ThemeSettings = () => {
                             'rgb(170, 110, 216)',
                         ]}
                         swatchesPerRow={5}
+                        withEyeDropper={false}
                         onChangeEnd={(e) => {
                             setSettings({
                                 general: {
@@ -143,7 +144,6 @@ export const ThemeSettings = () => {
                             });
                         }}
                     />
-                    <Text>{settings.accent}</Text>
                 </Stack>
             ),
             description: t('setting.accentColor', {