diff --git a/src-ui/windows/config_window/setting_section/setting_box/Appearance/Appearance.jsx b/src-ui/windows/config_window/setting_section/setting_box/Appearance/Appearance.jsx
deleted file mode 100644
index dc8ee21a..00000000
--- a/src-ui/windows/config_window/setting_section/setting_box/Appearance/Appearance.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useSettingBox } from "../components/useSettingBox";
-import { useSelectedMicDeviceStatus, useMicDeviceListStatus } from "@store";
-export const Appearance = () => {
-    const { currentSelectedMicDeviceStatus, updateSelectedMicDeviceStatus } = useSelectedMicDeviceStatus();
-    const { currentMicDeviceListStatus } = useMicDeviceListStatus();
-    const {
-        DropdownMenuContainer,
-        SliderContainer,
-        CheckboxContainer,
-        SwitchboxContainer,
-        EntryContainer,
-        ThresholdContainer,
-        RadioButtonContainer,
-        DeeplAuthKeyContainer,
-    } = useSettingBox();
-
-    const selectFunction = (selected_data) => {
-        const asyncFunction = () => {
-            return new Promise((resolve) => {
-                setTimeout(() => {
-                    resolve(selected_data.selected_id);
-                }, 3000);
-            });
-        };
-        updateSelectedMicDeviceStatus(asyncFunction);
-    };
-
-    return (
-        <>
-            <DropdownMenuContainer dropdown_id="mic_host" label="Mic Host/Driver" desc="description" selected_id="b" list={{a: "A", b: "B", c: "C"}} />
-            <DropdownMenuContainer dropdown_id="mic_device" label="Mic Device" desc="description" selected_id={currentSelectedMicDeviceStatus.data} list={currentMicDeviceListStatus} selectFunction={selectFunction} state={currentSelectedMicDeviceStatus.state} />
-
-            <SliderContainer label="Transparent" desc="description" min="0" max="3000"/>
-            <CheckboxContainer label="Transparent" desc="description" checkbox_id="checkbox_id_1"/>
-            <SwitchboxContainer label="Transparent" desc="description" switchbox_id="switchbox_id_1"/>
-
-            <RadioButtonContainer label="Transparent" desc="description" switchbox_id="radiobutton_id_1"/>
-
-            <EntryContainer width="20rem" label="Transparent" desc="description" switchbox_id="entry_id_1"/>
-
-            <ThresholdContainer label="Transparent" desc="description" id="mic_threshold"  min="0" max="3000"/>
-
-            <DeeplAuthKeyContainer label="Transparent" desc="description"/>
-        </>
-    );
-};
\ No newline at end of file
diff --git a/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx b/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx
deleted file mode 100644
index dc8ee21a..00000000
--- a/src-ui/windows/config_window/setting_section/setting_box/appearance/Appearance.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useSettingBox } from "../components/useSettingBox";
-import { useSelectedMicDeviceStatus, useMicDeviceListStatus } from "@store";
-export const Appearance = () => {
-    const { currentSelectedMicDeviceStatus, updateSelectedMicDeviceStatus } = useSelectedMicDeviceStatus();
-    const { currentMicDeviceListStatus } = useMicDeviceListStatus();
-    const {
-        DropdownMenuContainer,
-        SliderContainer,
-        CheckboxContainer,
-        SwitchboxContainer,
-        EntryContainer,
-        ThresholdContainer,
-        RadioButtonContainer,
-        DeeplAuthKeyContainer,
-    } = useSettingBox();
-
-    const selectFunction = (selected_data) => {
-        const asyncFunction = () => {
-            return new Promise((resolve) => {
-                setTimeout(() => {
-                    resolve(selected_data.selected_id);
-                }, 3000);
-            });
-        };
-        updateSelectedMicDeviceStatus(asyncFunction);
-    };
-
-    return (
-        <>
-            <DropdownMenuContainer dropdown_id="mic_host" label="Mic Host/Driver" desc="description" selected_id="b" list={{a: "A", b: "B", c: "C"}} />
-            <DropdownMenuContainer dropdown_id="mic_device" label="Mic Device" desc="description" selected_id={currentSelectedMicDeviceStatus.data} list={currentMicDeviceListStatus} selectFunction={selectFunction} state={currentSelectedMicDeviceStatus.state} />
-
-            <SliderContainer label="Transparent" desc="description" min="0" max="3000"/>
-            <CheckboxContainer label="Transparent" desc="description" checkbox_id="checkbox_id_1"/>
-            <SwitchboxContainer label="Transparent" desc="description" switchbox_id="switchbox_id_1"/>
-
-            <RadioButtonContainer label="Transparent" desc="description" switchbox_id="radiobutton_id_1"/>
-
-            <EntryContainer width="20rem" label="Transparent" desc="description" switchbox_id="entry_id_1"/>
-
-            <ThresholdContainer label="Transparent" desc="description" id="mic_threshold"  min="0" max="3000"/>
-
-            <DeeplAuthKeyContainer label="Transparent" desc="description"/>
-        </>
-    );
-};
\ No newline at end of file